Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Сергей Романюк
@SergeyRamanyuk
HTML
CSS
Flexbox
Как сверстать правильно такой блок?
На сайте есть такой блок, в нём есть одна картинка, которая выше всех. Как на флексах правильно сверстать такой блок без костылей?
Вопрос задан
более трёх лет назад
155 просмотров
Комментировать
Подписаться
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
2 часа назад
26 просмотров
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
4 часа назад
88 просмотров
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
вчера
134 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
вчера
112 просмотров
0
ответов
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
105 просмотров
3
ответа
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
120 просмотров
0
ответов
HTML
+2 ещё
Простой
Как просмотреть скрытый sitemap.xml?
1 подписчик
27 мар.
129 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как заново включить анимацию картинке?
1 подписчик
26 мар.
106 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать такой слайдер товаров?
1 подписчик
25 мар.
173 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы текст был обернут линией?
1 подписчик
25 мар.
130 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама