Intermediate
Place a banner and a featured tile
The gallery grid is already set up: 4 columns, 80px rows, 16px gaps.
Make the .title banner stretch across every column of the first row, and make the .featured tile cover two columns and two rows. The other tiles should flow around it.
What Check tests
- The banner is as wide as the whole gallery
- The featured tile covers two columns (200px with the gap)
- The featured tile covers two rows (176px with the gap)
- The featured tile sits right under the banner
- Tile 2 flows next to the featured tile
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.