Все сервисы Хабра
Сообщество 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
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
8 часов назад
67 просмотров
1
ответ
CSS Grid
Простой
Как сделать фиксированный размер ячейки?
2 подписчика
24 янв.
215 просмотров
1
ответ
HTML
+2 ещё
Простой
Как мне стилизовать блоки чтобы текст внутри них совпадал по началу?
1 подписчик
18 янв.
103 просмотра
0
ответов
Flexbox
+1 ещё
Простой
Grid или Flex -сетка с разными условными margin-top и margin-bottom для колонок?
1 подписчик
30 дек. 2024
63 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать grid с разной высотой блоков в строке?
1 подписчик
01 дек. 2024
148 просмотров
4
ответа
CSS Grid
Простой
Как сделать 2 ячейки грид сверху и 3 снизу?
1 подписчик
23 нояб. 2024
93 просмотра
0
ответов
CSS
+2 ещё
Простой
Словил баг с реализацией гридов в Firefox [колонки через repeat(auto-fit) и position: absolute]?
1 подписчик
12 нояб. 2024
140 просмотров
1
ответ
HTML
+1 ещё
Средний
Умное количество элементов в сетке GRID?
1 подписчик
12 нояб. 2024
131 просмотр
1
ответ
CSS
+1 ещё
Простой
Почему не оборачивается обрезается текст при использовании flex?
1 подписчик
06 нояб. 2024
93 просмотра
1
ответ
HTML
+2 ещё
Простой
Как поставить видео на всю ширину флекс элемента?
2 подписчика
05 нояб. 2024
119 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Инженер технической поддержки
Куб Солюшенс
от 150 000 ₽
Менеджер по продажам услуг кадрового агентства
Vital Partners
от 100 000 до 150 000 ₽
Graphic Designer / Графический дизайнер
Wanted.
До 100 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама