@HannStar
Front-End developer

Как зафиксировать flex-элемент с одной стороны?

5ee5ef4f0cb33546506148.png

Элементы расположены с помощью flex, justify content: space-between. Нужно, чтобы блоки не влияли на верстку в случае, если один из них убрать. Т.е. даже если я уберу лого, блок справа должен остаться на месте и не сдвинуться.
P.S. align-self: flex-end почему-то не помог.

.header-content {
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 50px 0;
}
.logo-img{
    width: 273px;
    height: 100px;
}
.phone-number {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Lato;
    font-size: 30px;
}
  • Вопрос задан
  • 820 просмотров
Решения вопроса 3
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Вместо неуправляемого space-between используй margin-left\right:auto;
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
margin-left: auto для последнего
Ответ написан
Комментировать
hzzzzl
@hzzzzl
правому блоку margin-left: auto
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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