Demigodd
@Demigodd

Как расставить два блока?

Как из этого


Получить такой результат ?
5e7ae4bfa8cc0198193226.png

И для мобильных если сработал flex-wrap
5e7ae4d149972804054036.png

В чем проблема скажите вы ?
Если задать обоим блокам flex: 1; так же первому блоку поставить margin-right;
То все сработает но функционал не будет респонсивным.

К примеру на малых экранах будет виден некрасивый margin-right; у первого блока.
  • Вопрос задан
  • 72 просмотра
Решения вопроса 3
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
что-нибудь такое https://jsfiddle.net/9tangp7r/
но не очень понятно почему медиа точками нельзя воспользоваться...
Ответ написан
Комментировать
@L1nks
На скорую руку, но как то так получилось
https://jsfiddle.net/gdh826cj/
Ответ написан
Комментировать
@Firsov36
full-stack web developer
Добавьте для .content justify-content: space-around;

.content {
  border: 2px solid;
  padding: 3rem;
  
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.block1, .block2 {
  border: 1px solid blue;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы