Задать вопрос
@AndreyJoestar

Как сверстать подобный header?

6276b3db3a774370651603.png
Как сверстать подобное?
Хотя бы левую часть
  • Вопрос задан
  • 87 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
@TjLink
HTML
<nav>
  <div class="left_side">
    <div class="logo">Лого</div>
    <div>
      <p>USDD</p>
      <p>Bla bla bla</p>
    </div>
  </div>
  <div class="right_side">
    <div>
      <button>Кнопка</button>
    </div>
    <div>Твиттер</div>
    <div>Телега</div>
    <div>Дискорд</div>
    <div>Смена языка</div>
  </div>
</nav>

CSS
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px;
  border: 1px solid black;
}
.right_side{
  display: flex;
}
.left_side{
  display: flex;
  align-items: center;
}
.right_side > div {
  margin-right: 15px;
}
.logo{
  margin-right: 15px;
}


С остальным поиграйся сам.
Добавь иконки, картинки и так далее
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы