@kamisarlapsha

Как сверстать такую сетку?

Привет! Возник вопрос, как сверстать такую сетку из блоков ? Flexbox ? Заранее спасибо!
5ce42e45c86b6941748600.png
  • Вопрос задан
  • 248 просмотров
Решения вопроса 2
@UndineS
гриды (display: grid и свойства для описания гридов) позволяют задать такое.

С помощью гридов можно на уровне родительского блока указать стандартную ширину/высоту ячейки сетки (как в долях от экрана, так и в пикселях, в процентах, чередуя различные варианты), а уже у конкретного блока указывать границы его начала/окончания по вертикали и по горизонтали, основываясь на сетке, описанной в родительском блоке (например, указать, что первый блок по высоте идет от линии 1 до линии 3, а по ширине - от линии 1 до линии 2 и т.п.). Можно даже в описании родительского блока указать, какие ячейки должны занимать потомки, указывая их класс (пример тут: https://developer.mozilla.org/en-US/docs/Web/CSS/C... )

Подробнее о гридах на русском языке тут: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
Ответ написан
l3ftoverz
@l3ftoverz
Люблю front-end
Смотря какие требования, можно инлайн блоками с фиксированными размерами. Но проще всего гридами.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@mrsexy
Senior Pomidor
Напишите свой вариант решения и вас поправят/направят.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
16 июн. 2019, в 15:21
1000 руб./за проект
16 июн. 2019, в 15:01
1000 руб./за проект
16 июн. 2019, в 14:02
7000 руб./за проект