Задать вопрос
Ответы пользователя по тегу Адаптивный дизайн
  • Как сверстать данный кусок макета?

    @htmleater
    .flex-item:first-child {
    flex: 0 0 200px; /*в любых единицах*/
    }
    .flex-item:last-child {
    flex: 1 1 auto;
    }
    Ответ написан
    Комментировать
  • Как сделать правильное меню?

    @htmleater
    Проще и надёжнее всего сделать это средствами flexbox + поиграться свойствами text-overflow.
    Хотя я совсем не уверен, что решение с обрезанием текстов будет правильным. Ну, к примеру, какой толк от меню будет, если юзер на экране увидит: {icon} Список... + {checkbox} показы... + В нача...?
    К тому же, если следовать логике, то в селекте сортировки также нужна иконка, иначе он не воспринимается самостоятельным пунктом меню.
    В качестве здоровой критики позволю себе сделать замечание: в вашей вёрстке нарушено одно из базовых правил построения интерфейса - отсутствие группировки в меню согласно весу и предназначению пунктов.
    Т.е. у вас есть три пункта, которые действительно необходимы для сравнения (Список, фильтр, Сортировка). Абсолютно непонятно каким образом к этой группе примкнул Делёж ссылками, да и наличие в строке меню ссылки на статью тоже не бесспорен и даже выключка вправо дела не спасает.
    Ответ написан