Задать вопрос
@mraser
верстка

Как сделать блоки в шахматном порядке?

Помогите плз, как сделать такую штуку

5ed89fc5e505e592182711.jpeg

https://jsfiddle.net/v12xo0jg/
  • Вопрос задан
  • 2833 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Решения вопроса 3
Ankhena
@Ankhena Куратор тега Вёрстка
Нежно люблю верстку
Как-то так


А дальше развлекайтесь с расчетами media.
Ответ написан
Комментировать
Комментировать
AntonLitvinenko
@AntonLitvinenko
HTML coder
Как вариант вертикальные колонки, в каждой по 2 фото и через один смещение в разные стороны
Ответ написан
Комментировать
Комментировать
@Gdman
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Lord_Dantes
Я делал это использовав наброски гексагональной сетки, изменив в дальнейшем border-radius и отступы. Можете загуглить и найти для себя пару моментов.
Ответ написан
Комментировать
Комментировать
Manfbu
@Manfbu
https://jsfiddle.net/p17z3e26/3/
Так?
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack-разработчик сайтов laravel
WEB ALTERNATIVE
от 65 000 ₽
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Фронтенд разработчик (Frontend developer)
Айдис
от 100 000 ₽
Ещё вакансии