Все сервисы Хабра
Сообщество 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 разметку. Так то оно ясно
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+2 ещё
Простой
Как сделать расстояние между блоками в HTML фиксированным?
1 подписчик
23 часа назад
128 просмотров
0
ответов
Вёрстка
+2 ещё
Простой
Не открывается меню сайта на мобильных, как решить?
1 подписчик
16 июн.
111 просмотров
0
ответов
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
879 просмотров
1
ответ
Вёрстка
Простой
Верстать прямо в браузере и сохранять изменения в файлы — возможно ли?
1 подписчик
09 мая
214 просмотров
3
ответа
Вёрстка
Простой
Как в верстке сделать уши у контейнера?
1 подписчик
10 апр.
152 просмотра
2
ответа
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
216 просмотров
1
ответ
Вёрстка
Простой
Шрифт подключается криво, почему?
1 подписчик
14 мар.
98 просмотров
1
ответ
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
193 просмотра
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
153 просмотра
1
ответ
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
187 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик
Vide Infra
от 160 000 ₽
Fullstack-разработчик (PHP + Vue.js)
Директ Лайн
•
Новосибирск
от 140 000 до 180 000 ₽
Fullstack-разработчик сайтов 1С-Битрикс
Валверде
от 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама