Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
mbhusty
@mbhusty
HTML
CSS
Bootstrap
Flexbox
Как на flexbox сверстать такой блок?
Привет всем! есть такой блок в дизайне, как его правильно сверстать что бы на адаптиве еще и проблем не было?
img
Вопрос задан
более трёх лет назад
189 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
Сергей delphinpro
@delphinpro
Куратор тега CSS
frontend developer
Я бы сделал как-то так
snippet
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
mbhusty
@mbhusty
Автор вопроса
только это решение на гридах, а не на флексах)
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
anisimov
, Тут все зависит от того, какую задачу вы решаете. Если практическая - то я показал решение. Если чисто академическая, делать на флексах, то мой ответ мимо.
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
Ну и еще, вы можете использовать из этого примера принцип адаптации под мобильник.
Написано
более трёх лет назад
Акбар Ильхамбаев
@AJAXes
Программист начинающий
https://habrastorage.org/webt/5f/a9/17/5fa9178093a...
>
header {
display : flex;
} // большой блок на картинке
div {
display : flex;
flex-direction : column ;
align-items : center ;
} // Маленькие блоки
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Максим Щирба
@caest
Как то так, поменяй классы, значения и доделай
https://codepen.io/caest/pen/xxVmyav
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
PHP
+2 ещё
Простой
Не приходят сообщения с контактной формы, Извините, данные не были переданы?
1 подписчик
15 июл.
183 просмотра
3
ответа
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
15 июл.
1202 просмотра
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
14 июл.
127 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы свойства класса прописывались не DOM-узлу, а классу, создаваемому в JS?
1 подписчик
14 июл.
103 просмотра
2
ответа
JavaScript
+1 ещё
Средний
Как сделать перетаскиваемые окна?
1 подписчик
14 июл.
102 просмотра
1
ответ
HTML
+1 ещё
Средний
Не влезает шрифт в input?
2 подписчика
12 июл.
1027 просмотров
1
ответ
HTML
+1 ещё
Простой
Как задать прозрачность изображению?
1 подписчик
12 июл.
153 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
07 июл.
973 просмотра
6
ответов
JavaScript
+3 ещё
Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
07 июл.
228 просмотров
2
ответа
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
06 июл.
131 просмотр
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама