Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Сергей Романюк
@SergeyRamanyuk
HTML
CSS
Flexbox
Как сверстать правильно такой блок?
На сайте есть такой блок, в нём есть одна картинка, которая выше всех. Как на флексах правильно сверстать такой блок без костылей?
Вопрос задан
более трёх лет назад
156 просмотров
Комментировать
Подписаться
1
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Арсений Матыцин
@ArsenyMatytsyn
Куратор тега CSS
Руководитель frontend направления, предприниматель
1. Две независимые колонки.
2. Гриды.
3. Columns.
4. Masonry.
Скорее всего первый вариант, т.к. вроде как проглядываются равные промежутки между записями.
Ответ написан
более трёх лет назад
3
комментария
Нравится
4
3
комментария
Facebook
Вконтакте
Twitter
Сергей Романюк
@SergeyRamanyuk
Автор вопроса
Рассматривал первый вариант. Думал будет неправильно. Но походу так и сделаю
Написано
более трёх лет назад
Арсений Матыцин
@ArsenyMatytsyn
Куратор тега CSS
Сергей Романюк
, при перестройке на мобильных устроства записи просто будут идти по колонкам сверху внизу, а не слева направо. Если это критично и даты сортированы так, чтобы отобразить их в условную строку, то тут скорее стоит использовать masonry.
Написано
более трёх лет назад
Сергей Романюк
@SergeyRamanyuk
Автор вопроса
Ну и columns-count и т.д. Тоже рассмотрю. Спасибо большое
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
7 часов назад
33 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
1 подписчик
11 часов назад
114 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
15 часов назад
54 просмотра
0
ответов
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
170 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
95 просмотров
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
103 просмотра
1
ответ
HTML
+1 ещё
Простой
Как настроить размер видео из Вконтакте?
2 подписчика
01 июл.
1151 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как поменять цвет линии при нажатии?
1 подписчик
30 июн.
167 просмотров
1
ответ
HTML
+1 ещё
Простой
Как выложить игру в Яндекс игры?
1 подписчик
30 июн.
177 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
29 июн.
120 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разрабодчик
MyAdsTarget
от 150 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама