Задать вопрос
@Ivan_KL
html

Почему не работает медиа запрос?

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap&subset=cyrillic-ext" rel="stylesheet">   
  <link rel="stylesheet" href="css/bootstrap-reboot.min.css">
  <link rel="stylesheet" href="css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.min.css">
  <link rel="stylesheet" href="css/style.min.css">
  <title>Uber</title>
</head>
<body>
    <header>
      <nav>
        <div class="container-fluid ">
          <ul class="menu">
            <li class="menu_item"><a href="#" class="menu_link">Главная</a></li>
            <li class="menu_item"><a href="#" class="menu_link">Со своим автомобилем</a></li>
            <li class="menu_item"><a href="#" class="menu_link">На автомобиле компании</a></li>
            <li class="menu_item"><a href="#" class="menu_link">Требования</a></li>
            <li class="menu_item"><a href="#" class="menu_link">Контакты</a></li>
            <li class="menu_item"><a href="#" class="menu_link">Оставить заявку</a></li>
          </ul>
        </div> 
      </nav> 
</body>
</html>


@media screen and (max-width: 767px)
    .menu
        position: fixed
        top: 0
        right: 0
        width: 50%
        height: 100vh
        padding: 20px 15px
        flex-direction: column

5d28749212266907348629.png
  • Вопрос задан
  • 142 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
@vardoLP
Ват ю сэй эбаут май мама?!
в каком файле у вас прописан этот запрос?
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 1
@html-css
скобки не нужно ставить?
{}

@media screen and (max-width: 767px)  {
    .menu
        position: fixed
        top: 0
        right: 0
        width: 50%
        height: 100vh
        padding: 20px 15px
        flex-direction: column
}
Ответ написан
8 комментариев
8 комментариев
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Смонтировать видео
23 нояб. 2024, в 01:31
1000 руб./за проект
Настроить сайт
23 нояб. 2024, в 00:16
2000 руб./за проект
Разобрать текущий ETL-процесс
22 нояб. 2024, в 23:55
3000 руб./за проект
Ещё заказы