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

Завершаем сетку в отзывах

И снова отзывы не выстроились в колонки.

Мы не задали плавающим блокам ширину, и их размеры рассчитались от содержимого. В нашем случае текст внутри отзывов распирает их на всю ширину родительского контейнера.

По макету общая ширина отзыва составляет 430px (мы измерили её на глаз так, чтобы текст помещался в контейнер), которая складывается из рамки слева в 3px, внутреннего отступа слева в 50px и ширины содержимого 377px. При таких размерах отступ между отзывами составляет 80px.

Завершаем сетку в отзывах

У элемента blockquote есть свои отступы по умолчанию, которые в разных браузерах могут быть разными. Поэтому не забываем обнулить все остальные отступы.

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

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

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

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

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

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

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