@KVLADYKA

Как задать необходимый отступ одного конкретного элемента, если стоит display: flex и justify-content: space between?

Помогите разобраться, пожалуйста. Пытаюсь подвинуть иконку вправо на нужное мне расстояние. Почему не выходит и что можно попробовать? Спасибо.

Код выглядит так:
скриншот фрагмента кода удален модератором.

В CSS:

.wrapper {
width: 1146px;
margin: 0 auto;
}

.top_header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 2.4rem 0 1.7rem;
font-size: 1.6rem;

}


.top_header__text{
color: #716C80;


}

.top_header__phone {
color: #716C80;
text-decoration: none;

}
.fa-solid fa-phone{

}
  • Вопрос задан
  • 101 просмотр
Решения вопроса 2
@exmach
Frontend Developer
Самые важные куски примера потерлись :) А вообще могу попробовать угадать, что иконка span/i, а отступ вы пытаетесь сделать через margin, который не работает для inline-элементов, замените на padding или же оберните иконку в div.
Ответ написан
@Pavstyuk
Оберните элементы <i> и <a> в один тег <div>, будет меньше проблем, кроме того - это логично. Еще можно иконку <i> поставить внутрь ссылки, тоже не будет проблем лишних, и иконка станет ссылкой.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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