• Theory
  • Theory

Test: The grid layout of a page

Awesome! We reached the end, and now it should not be difficult for you to lay out a catalog page for another garden statue store yourself. Don’t panic: the grid on this page is similar to the ones that we reviewed earlier. You can do it!

The grid column and rows sizes are multiples of 10px. The coordinates of grid items can range from 1 to 5.

Good luck solving this task, and see you in the next chapter, where we will analyze the “adaptive” capabilities of grids in more detail!

  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Introduction to Grid Layout challenges in the Creating a layout, you need to sign up and subscribe first.