• Теория
  • Теория

Испытание: разбиваем парк

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

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

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

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

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

Задавайте значения свойствам grid-column-start/grid-column-end и grid-row-start/grid-row-end от 1 до 5 только для первых четырёх элементов с классами element--1, element--2, element--3 и element--4. Остальные элементы автоматически займут оставшиеся пустые ячейки грида.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 27 мая цена 22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с гридами» тренажёра «Погружение в техники раскладок» можно после регистрации и оформления подписки.