Мы так увлеклись изучением особенностей грида, что не заметили, как пришла пора для ещё одного испытания. Надеюсь, вы ещё не забыли, как быть крутым ландшафтным дизайнером?

Теперь вам предстоит разбить небольшой парк, как мы уже привыкли — с газоном, скалами, озёрами, песком и, конечно же, лавой.

Для этого вам нужно:

• создать сетку грида с помощью grid-template-columns и grid-template-rows;
• задать элементам грида координаты с помощью grid-column и grid-row;
• либо же можно пойти другим путём и воспользоваться именованными областями и свойством grid-template-areas для объявления структуры грида.

Выбор за вами!

Размеры ячеек грида кратны 10px.