Задать вопрос
Ответы пользователя по тегу HTML
  • Как сверстать подобный header?

    @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;
    }


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