- Теория
- Теория
Завершаем сетку в отзывах
И снова отзывы не выстроились в колонки.
Мы не задали плавающим блокам ширину, и их размеры рассчитались от содержимого. В нашем случае текст внутри отзывов распирает их на всю ширину родительского контейнера.
По макету общая ширина отзыва составляет 430px
(мы измерили её на глаз так, чтобы текст помещался в контейнер), которая складывается из рамки слева в 3px
, внутреннего отступа слева в 50px
и ширины содержимого 377px
. При таких размерах отступ между отзывами составляет 80px
.
У элемента blockquote
есть свои отступы по умолчанию, которые в разных браузерах могут быть разными. Поэтому не забываем обнулить все остальные отступы.
Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.