@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
  • Вопрос задан
  • 838 просмотров
Решения вопроса 1
@skeevy
Frontend WebDev
flex-wrap попробуй + align-self или марджины
а order тебе тут не нужен, если ты только не меняешь отображение
+ если не можешь писать классы в css, пропиши в html
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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