We got so carried away studying the features of grids that we did not notice that it is now time for another test. I hope that you have not forgotten your cool landscape design skills?

Now you have been assigned the task of laying out a small park of the kind that we have become accustomed to: with a lawn, rocks, lakes, sand, and, of course, lava.

To do this, you need to:

• Create a grid using grid-template-columns and  grid-template-rows;
• Assign the grid items coordinates using grid-column and grid-row;
• or you can approach it another way and use the named areas and the grid-template-areas property to declare a grid structure.

The choice is yours!

Grid cell sizes are multiples of 10px.