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

Испытание: визитка Неопознанного Енота

В этом испытании вам предстоит сверстать визитную карточку. Все декоративные стили уже готовы, осталось только описать сетку карточки.

Макет карточки

Визитка должна иметь фиксированную ширину и внутренние отступы со всех сторон.

Макет карточки

Элементы в карточке расположены асимметрично. Подумайте, сколько колонок и какой ширины понадобится, чтобы сверстать эту карточку. Не забудьте про отступы между рядами и колонками.

Макет карточки

Обратите внимание, порядок элементов в разметке не соответствует порядку элементов на макете. Используйте грид-области и выравнивание, чтобы правильно разместить элементы.

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

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

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

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

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

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

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