@wilfridhoover

Как сделать такую верстку на гридах?

У меня возникла проблема, я делал верстку как обычно на флексе и столкнулся с тем, что проблему пустот между блоками по высоте решить не получается.

Как это реализовать на гридах, не могу въехать и всё, уйму времени потратил.

Вот как это должно быть:

66181811e05d6100862740.jpeg

А вот как у меня:

661818651debe613953595.jpeg

Первая карточка 435px, вторая на всю оставшуюся длину, а начиная с 3 по 50%. И само главное чтоб друг под друга выравнивались, без пустоты между блоками сверху.
  • Вопрос задан
  • 138 просмотров
Решения вопроса 1
imko
@imko
Senior Scratch Developer
А че там делать то
https://codepen.io/herr-imko/pen/mdgKwpK
размеры столбцов и рядов подкорректируй как надо
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
NikFaraday
@NikFaraday
Student full-stack Developer
Скорее всего, если смотреть на блоках, тут два блока "верхнего уровня". Первый блок (ZOOM 4, Стоматологическая установка) размещены в ряд, тут проблем нет. Второй блок (E&Q MASTER, Микроскоп, 3D томограф, Пьезотом) может разделяться на две колонки. Соответственно, там придётся делать "замеры" не по ширине, а по высоте
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы