Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Никита
@Xakker99
Flexbox
CSS Grid
Есть обертка из 5 картинок, картинки стоят в 2 ряда прижатые друг к другу но из за того что 1 картинки высотой на 2 ряда 2 последние встают в 3 ряд?
Из за того что первая картинка высотой в два ряда, две предпоследнии становятся под ней.Как перенести их на второй?
Вопрос задан
более трёх лет назад
31 просмотр
4
комментария
Подписаться
1
Простой
4
комментария
Facebook
Вконтакте
Twitter
Kostya10295
@Kostya10295
Задать контейнеру display: grid; поставить картинку в нужное место , остальные встанут автоматическм
Написано
более трёх лет назад
Никита
@Xakker99
Автор вопроса
Kostya10295
, короче без grid не обойтись?
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
Никита
, ну или запариваться делать верстку в 2 колонки, при условии первой большой картинки или всегда большую картинку переносить в начало.
Написано
более трёх лет назад
Kostya10295
@Kostya10295
Ну можно ещё маленькие обернуть в дополнительный контейнер и уже внутри него расставить
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
76 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
439 просмотров
2
ответа
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
02 апр.
118 просмотров
1
ответ
CSS Grid
Простой
Как сделать фиксированный размер ячейки?
2 подписчика
24 янв.
221 просмотр
1
ответ
HTML
+2 ещё
Простой
Как мне стилизовать блоки чтобы текст внутри них совпадал по началу?
1 подписчик
18 янв.
106 просмотров
0
ответов
Flexbox
+1 ещё
Простой
Grid или Flex -сетка с разными условными margin-top и margin-bottom для колонок?
1 подписчик
30 дек. 2024
69 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать grid с разной высотой блоков в строке?
1 подписчик
01 дек. 2024
165 просмотров
4
ответа
CSS Grid
Простой
Как сделать 2 ячейки грид сверху и 3 снизу?
1 подписчик
23 нояб. 2024
103 просмотра
0
ответов
CSS
+2 ещё
Простой
Словил баг с реализацией гридов в Firefox [колонки через repeat(auto-fit) и position: absolute]?
1 подписчик
12 нояб. 2024
143 просмотра
1
ответ
HTML
+1 ещё
Средний
Умное количество элементов в сетке GRID?
1 подписчик
12 нояб. 2024
140 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Инженер-разработчик встраиваемых систем (Senior-Embedded)
Алабуга
•
Москва
До 370 000 ₽
Инженер-разработчик встраиваемых систем (Lead-Embedded)
Алабуга
•
Москва
До 650 000 ₽
Java-разработчик
Hireway
от 80 000 до 100 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама