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

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

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

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

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

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

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

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

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

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

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

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

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

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