Задать вопрос
@kingdomofcrooked
Дизайнер

Flex 2 блока максимум. Как сделать?

Использую flex для того чтобы было два блока в один ряд. Проблема в том что мне нужно чтобы в ряду было только два блока не более. Это делается для блога где будут постоянно появляться новости. Можно ли сделать чтобы последующие блоки перемещались вниз? Не могу использовать дополнительные классы чтобы добавить в css order: 1; или какой нибудь float:left, float:right.
Разметка блока идет следующая (потом натяжка кода на wordpress):
<div class="post">
                <div class="image"><img src="img/news2-img-head.jpg" alt=""/></div>
                <div class="text">
                <h1><a href="#">UT TELLUS DOLOR DAPIBUS</a></h1>
                <span class="data">Август 25. 2017</span>
                <p>Он собрал семь своих заглавных букв, подпоясал инициал за пояс и пустился в дорогу. Взобравшись на первую вершину курсивных гор</p>				
                <a class="button-blog" href="page1.html">Подробнее</a>
      
                </div>
                <div class="clear"></div>
			</div>


baea096f4ac64cf5900c412e01acc64b.jpg7b835859161c4da08958f06c8162929b.jpg
  • Вопрос задан
  • 909 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@skeevy
Frontend WebDev
flex-wrap попробуй + align-self или марджины
а order тебе тут не нужен, если ты только не меняешь отображение
+ если не можешь писать классы в css, пропиши в html
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы