Почему заголовки не на одной линии?

Question

[Константин]

На странице в нижней секции два заголовка:

"Новости магазина" и "все новости"

Почему заголовки не на одной линии? А "Все новости" чуть выше..

Answer 1

[nveretenko]

.news__header {
    display: flex;
    margin-bottom: 30px;
    align-items: baseline;
}

Comments

[Константин]

спасибо!

Answer 2

[WapSter]

Это связано с тем что у шрифта, одинаковая базовая линия проходящая через центр и при равной высоте строки подобные вещи будут выстраиваться относительно ее.