Jump to content

Stomi32

Neophyte
  • Posts

    1
  • Joined

  • Last visited

Everything posted by Stomi32

  1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap" rel="stylesheet"> <title>TradeMine - Гарант Сервис Minecraft</title> </head> <body> <header class="header"> <div class="container"> <div class="header__nav"> <div class="header__leftnav"> <div class="header__item header__nav"><a href="#">Услуги</a></div> <div class="header__item header__nav"><a href="#">Аккаунты</a></div> </div> <div class="header__rightnav"> <div class="header__item header__nav"><a href="#">Виртуальная валюта</a></div> <div class="header__item header__nav"><a href="#">Игровые ресурсы</a></div> </div> <div class="logo"> <a href="#"><img src="../Trademine/images/Logo.jpg" alt> </a> </div> </div> <div class="header__conact"> </div> <div class="header__enter"> <div class="header__item header__nav"><a href="#">Войти</a></div> </div> </div> </header> <div class="intro"> <div class="container"> <h1></h1> </div> </div> </body> </html> body { margin: 0; font-family: 'Raleway', sans-serif; font-size: 16px; color: #b6b6b6; line-height: 1.6; } *::after{ box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { margin: 0; } .container { width: 100%; max-width: 1200px; margin: 0 auto; } .intro { width: 100%; height: 640px; } header { background: url(../Trademine/images/TradeMine_02.jpg) center no-repeat; background-size: cover; height: 150px; display: flex; justify-content: space-between; padding: 10px; color: #b6b6b6; font-family: Raleway; } a{ color: #b6b6b6; text-decoration: none; } .header__nav { display: flex; align-items: center; } .header__item { padding: 10px 15px; font-size: 17px; margin-left: 5px; } .logo { margin:0 auto; } .header__leftnav { display: flex; justify-content: start; } .header__rightnav { display: flex; justify-content: end; } Хотел чтобы header__leftnav был слева экрана, а header__rightnav справа экрана. А посередине логотип. Почему не работает jc? Вот так выходит -https://imgur.com/a/d8ZVWF5 Надо чтобы было - https://imgur.com/a/wDwemav.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy