Как я могу решить проблему пустоты между блоками в макете, используя гриды вместо флекса? Я потратил уйму времени на попытки настроить это на гридах, но ничего не работает. Вот как я хочу, чтобы это выглядело:
Для создания макета с использованием сетки вам нужно будет разделить свою страницу на ряды и колонки и указать расположение каждого блока внутри сетки. Чтобы решить проблему пустоты между блоками в макете при использовании гридов, вы можете добавить свойство grid-gap к контейнеру сетки. Например, если вы хотите установить расстояние между блоками в 20 пикселей, вы можете добавить следующее правило CSS для вашего контейнера сетки: ``` grid-gap: 20px; ``` Это позволит вам создать равномерные промежутки между блоками в вашем макете. Также обратите внимание, что вы можете использовать свойство grid-template-columns для настройки ширины колонок в вашей сетке. Надеюсь, эти советы помогут вам решить проблему пустоты между блоками в вашем макете при использовании гридов. Если у вас возникнут дополнительные вопросы, не стесняйтесь обращаться за помощью.
Скорее всего, если смотреть на блоках, тут два блока "верхнего уровня". Первый блок (ZOOM 4, Стоматологическая установка) размещены в ряд, тут проблем нет. Второй блок (E&Q MASTER, Микроскоп, 3D томограф, Пьезотом) может разделяться на две колонки . Соответственно, там придётся делать "замеры" не по ширине, а по высоте