Как исправить проблему с положением логотипа?

Question

[gazes12]

<header class="header">
        <div class="header__container">
            <div class="header__logo logo-header">
                <img src="img/Logo/icon.svg" alt="Логотип" class="logo-header__icon">
                <img src="img/Logo/icon-text.svg" alt="Логотип" class="logo-header__text">
            </div>
        </div>
    </header>

.logo-header {
    display: flex;
    img{
        max-width: 100%;
        width: 30%;
    }
}

.logo-header__icon {
    width: 80px !important;
}

Могу сделать через margin-top. Ну может есть более правильнее решение?

Comments

[Kentavr16]

Align item : center для флекс контейнера попробуй

Answer 1

[Владимир]

.logo-header {
display: flex;
align-items: center;
}
если у обоих img height будет одинаковыми, то элементы выстроятся вровень относительно друг друга