Задать вопрос
@MRcracker
html

Как правильно сверстать блок?

Есть блок в котором слева и справа есть div блоки. Суть заключается в том, что первый блок слева и справа соединены между собой. снизу 3 блоки тоже соединены. а между вторыми блоками картинка. Попытался на картинке показать что нужно сделать. В проекте использую bootstrap 4 сетку, может она может помочь))

Всем спасибо за ответы

5de54e95ddf0f002033079.png
  • Вопрос задан
  • 166 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
oink
@oink
Профессиональный веб-макакинг
Если я правильно понял суть вопроса, можно каждой строке задать display: flex (можно и всем, но тогда дальнейшая настройка чуть сложнее), элементам-дивам - flex-basis 100%, ну и прочего по вкусу. Остальное флексбокс сделает сам:
https://codepen.io/schegol/pen/WNbNdrR

UPD. flex-shrink: 0 картинке еще забыл.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Ещё заказы