• Как правильно расположить блоки с кнопками?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    До появления флексов эта проблема решалась костылями и хаками:

    1. Колонки на флоатах выравнивались с помощью js. По событию onResize высота колонок пересчитывалась.
    2. Колонки на инлайн-блоках, а кнопки в них спозиционированы абсолютно от нижней границы колонок.
    3. Имитация таблицы через display: table и table-cell + медиа-запросы, чтобы разобрать таблицу на малых экранах.

    Я бы рекомендовал вам не заморачиваться и просто погуглить «блоки одинаковой высоты» и почитать старые статьи для ознакомления, а тренироваться верстать уже на флексах и гридах.

    Но если всё же хочется получить подробные комментарии, сделайте демки на codepen и добавьте ссылки в вопрос.
    Ответ написан
    1 комментарий
  • Как правильно расположить блоки с кнопками?

    zorro76
    @zorro76
    (в курсах по верстке говорят: "атата, НИЗЗЯ делать фиксированную высоту блокам")
    сомнительное утверждение, разные бывают случаи. В Вашем случае контент разный в блоках, без задания высоты блоков здесь не обойтись.

    .block{
        height: auto;
        min-height: 250px;
    }

    и с помощью медиа запросов контролируйте этот min-height
    Ответ написан
    4 комментария
  • Как правильно расположить блоки с кнопками?

    Exomode
    @Exomode
    Архитектор ПО
    Набросал я вам тут вариантик на досуге...
    https://codepen.io/Exomode/pen/OjJdma - с применением JavaScript, самый надёжный, но более сложный и требует JS, что само по себе иногда может быть не так производительно как на чистом CSS.
    флоатов и таблиц здесь нет, а это значит что верстка будет отзывчивой для разрешений экранов различных устройств и может содержать в себе неограниченное количество блоков.
    Ответ написан