Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
z_u_q
@z_u_q
Вёрстка
Как сверстать такое?
Можно ли не меняя html разметку сделать так? Как переместить только последние два блока друг под друга?
Чтобы получилось что-то типа такого:
Ссылка на пример
Вопрос задан
более трёх лет назад
478 просмотров
Комментировать
Подписаться
1
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
shmatuan
@shmatuan
8 year of Web, 5 years of Vue
Если флексом, то так)
Удобней было бы через grid
https://codepen.io/anon/pen/MzzdrV
UPD вынес в ответ через гриды (код внизу)
https://codepen.io/anon/pen/Jeeqmq
Ответ написан
более трёх лет назад
1
комментарий
Нравится
3
1
комментарий
Facebook
Вконтакте
Twitter
shmatuan
@shmatuan
Через гриды (изменённый код внизу)
https://codepen.io/anon/pen/Jeeqmq
Написано
более трёх лет назад
Максим
@LenovoId
svg, css,js
Конечно способ не ахти за то работать будет даже в ie8 :
https://codepen.io/topicstarter/pen/oQJvQv
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
coderxx
@coderxx
keep calm and learn js
Можно на флексах
https://codepen.io/anon/pen/XyywJZ
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
z_u_q
@z_u_q
Автор вопроса
coderxx
, не меняя html разметку. Так то оно ясно
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
849 просмотров
1
ответ
Вёрстка
Простой
Верстать прямо в браузере и сохранять изменения в файлы — возможно ли?
1 подписчик
09 мая
204 просмотра
3
ответа
Вёрстка
Простой
Как в верстке сделать уши у контейнера?
1 подписчик
10 апр.
148 просмотров
2
ответа
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
212 просмотров
1
ответ
Вёрстка
Простой
Шрифт подключается криво, почему?
1 подписчик
14 мар.
96 просмотров
1
ответ
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
175 просмотров
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
150 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
183 просмотра
2
ответа
Вёрстка
+1 ещё
Простой
Tailwind v4 как работать с контейнером?
1 подписчик
03 мар.
200 просмотров
1
ответ
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
152 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Фронтенд-разработчик-верстальщик (лендинги)
Bitbanker.ru
•
Москва
от 140 000 до 180 000 ₽
Разработчик фронтенда на TypeScript Middle+ / Senior в аналитический стартап
ТОРГСТАТ
от 200 000 до 300 000 ₽
Стажер Fullstack разработчик Laravel (+ Vue.js)
Nomadic Soft
от 450 до 800 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама