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

Раздел «Популярные товары»

Следующий раздел состоит из двух частей: списка популярных товаров и прайс-листа на услуги. Но на макете эти части объединены общим серым фоном. Поэтому возможны два варианта разметки:

  • Один раздел, внутри которого находятся связанные по смыслу элементы, разделённые заголовками.
  • Два независимых по смыслу раздела, каждый со своим заголовком.

Мы выберем вариант с одним разделом, так как обе части близки по смыслу. Ведь и список товаров, и прайс-лист на услуги — это то, что продаёт Кекс.

Поэтому мы используем «двойной» класс popular-and-price для этого раздела.

Сейчас разметим только крупные блоки и заголовок популярных товаров, а к прайс-листу вернёмся после изучения таблиц.

The Great Keksby
Популярные товары

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

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

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

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

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

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

Проходить вызовы части «Кексби. Знакомство» тренажёра «Великий Кексби, этап 1» можно после регистрации и оформления подписки.