Задать вопрос
Sprime
@Sprime
HTML-верстальщик
html

Как сверстать такой вывод блоков?

Подскажите как реализовать вот такое:
0be1c2a44708450c8a592e59fcccc129.png
Или ткните, пожалуйста, в сайт где такое реализовано.
Спасибо!
  • Вопрос задан
  • 223 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
yurzui
@yurzui
Примерно такой адаптивный вариант могу предложить
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
turovnikoff
@turovnikoff
Все очень просто, плавающие блоки с отступами, вот пример jsfiddle.net
Обтекание можно указать с использованием пседоселеторов :nth-of-type(2n) и :nth-of-type(2n+1)
Ответ написан
Комментировать
Комментировать
LittleFatNinja
@LittleFatNinja
горе девелопер, любитель лютой садомии
выводишь 2 записи
потом выводишь остальные 2 с другими цсс классами
Ответ написан
Комментировать
Комментировать
@javanub
jsfiddle.net/oejarktg
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии