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

Question

[Степан Смыковский]

Всё перепробывал, и height:100% и stretch(flex).
nac.epro.kz/telo

ps: мой опыт в верстке 2 недели.

Comments

[Владимир]

Что именно выровнять? Покажи на макете, как должен выглядеть блок с двустрочным заголовком ?

[Сергей delphinpro]

jsfiddle.net/4gu9fwny

[Степан Смыковский]

Сергей delphinpro, нужно также выровнить изображения

Answer 1

[Максим Тимофеев]

1. вариант: надо задать min-height для заголовка. Он должен быть равным высоте 1 строки умноженной на 2 или на 3, по вкусу.
2. вариант: картинку на фон с шириной 100% по горизонтали. Заголовок не трогаем, а вот ссылку абсолютным позиционированием вниз. Но прийдется карточке задать фиксированный height.

Answer 2

[Сергей]

Задайте фиксированную высоту для блока с заголовком. Заголовок отцентруйте по высоте.

Answer 3

[netrox]

Добавьте:

.blog-telo > div{
   margin-bottom:20px;
}
.blog-telo .items-row .item{
   min-height:100%;
}