Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Никита
@Xakker99
Flexbox
CSS Grid
Есть обертка из 5 картинок, картинки стоят в 2 ряда прижатые друг к другу но из за того что 1 картинки высотой на 2 ряда 2 последние встают в 3 ряд?
Из за того что первая картинка высотой в два ряда, две предпоследнии становятся под ней.Как перенести их на второй?
Вопрос задан
более трёх лет назад
30 просмотров
4
комментария
Подписаться
1
Простой
4
комментария
Facebook
Вконтакте
Twitter
Kostya10295
@Kostya10295
Задать контейнеру display: grid; поставить картинку в нужное место , остальные встанут автоматическм
Написано
более трёх лет назад
Никита
@Xakker99
Автор вопроса
Kostya10295
, короче без grid не обойтись?
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
Никита
, ну или запариваться делать верстку в 2 колонки, при условии первой большой картинки или всегда большую картинку переносить в начало.
Написано
более трёх лет назад
Kostya10295
@Kostya10295
Ну можно ещё маленькие обернуть в дополнительный контейнер и уже внутри него расставить
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS Grid
Простой
Как сделать фиксированный размер ячейки?
2 подписчика
24 янв.
208 просмотров
1
ответ
HTML
+2 ещё
Простой
Как мне стилизовать блоки чтобы текст внутри них совпадал по началу?
1 подписчик
18 янв.
101 просмотр
0
ответов
Flexbox
+1 ещё
Простой
Grid или Flex -сетка с разными условными margin-top и margin-bottom для колонок?
1 подписчик
30 дек. 2024
56 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать grid с разной высотой блоков в строке?
1 подписчик
01 дек. 2024
142 просмотра
4
ответа
CSS Grid
Простой
Как сделать 2 ячейки грид сверху и 3 снизу?
1 подписчик
23 нояб. 2024
88 просмотров
0
ответов
CSS
+2 ещё
Простой
Словил баг с реализацией гридов в Firefox [колонки через repeat(auto-fit) и position: absolute]?
1 подписчик
12 нояб. 2024
140 просмотров
1
ответ
HTML
+1 ещё
Средний
Умное количество элементов в сетке GRID?
1 подписчик
12 нояб. 2024
128 просмотров
1
ответ
CSS
+1 ещё
Простой
Почему не оборачивается обрезается текст при использовании flex?
1 подписчик
06 нояб. 2024
92 просмотра
1
ответ
HTML
+2 ещё
Простой
Как поставить видео на всю ширину флекс элемента?
2 подписчика
05 нояб. 2024
115 просмотров
1
ответ
HTML
+3 ещё
Простой
Почему третья карточка не становиться в ряд?
1 подписчик
04 нояб. 2024
216 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик (сильные навыки Bootstrap + Flexbox)
SALEPIX GmbH
от 1 000 до 2 500 €
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Системный Аналитик 1С
Wanted.
•
Москва
До 260 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама