Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
body{ background:#fbbe18; } a{ text-decoration: none; } .container{ max-width:1200px; margin: 0 auto; } #menu-button { background: url(../img/hamburgericon.png); width: 32px; height: 32px; cursor: pointer; } nav{ width: 100%; } nav ul{ list-style-type: none; border: 2px solid #0066FF; text-align: center; background-color: #33ADFF; } nav li{ display:inline-block; } nav a{ color: #fff; padding: 5px 10px; text-decoration: none; font-weight: bold; display: inline-block; } @media screen and (max-width: 700px) { }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Задания</title> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/reset.css"> </head> <body> <div class="container"> <div id="menu-button"></div> <nav> <ul> <li><a href="">1 Задание</a></li> <li><a href="">2 Задание</a></li> <li><a href="">3 Задание</a></li> <li><a href="">4 Задание</a></li> <li><a href="">5 Задание</a></li> <li><a href="">Справочный материал</a></li> </ul> </nav> </div> </body> </html>
вот весь код css
вот весь код html