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

Question

[arseniylebedev]

Вот пример страницы
https://codepen.io/anon/pen/PxQrJb

Answer 1

[Дима Долготер]

.video-setka .video {
  
   height:250px;
  overflow:hidden;
  }

Текст обрежется если очень большой.
Можно указать не ровно 250px а 248 к примеру, чтоб строчка не резалась пополам.
Еще можно применить

.video-setka .video p {
	margin: 0;
   white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

чтоб текст кончался точками ...

Comments

[arseniylebedev]

Может быть еще есть какие-то варианты чтобы текст в p теге не обрезался?

[Дима Долготер]

arseniylebedev, я дополнил ответ. Если не подойдет, пишите

[arseniylebedev]

SpiderPigAndCat, Спасибо вариант с точками подходит)

Answer 2

[AlexKeller]

Всего лишь нужно перестать бояться использовать flex:
добавляем 2 строки и все готово:

display: flex;
flex-wrap: wrap;

https://codepen.io/anon/pen/pQLzzJ

Comments

[Алексей]

И flex: 1 0 auto; к .video-setka .video

[AlexKeller]

Алексей, зачем? там четко прописана ширина. Проблема была только в вертикальном размере