Задать вопрос
@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 комментариев
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик HTML
MST
от 450 $
Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер
BYTIME
от 130 000 ₽
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Создание превью для YouTube
28 дек. 2024, в 15:35
500 руб./за проект
Создать крутой рекламный пост
28 дек. 2024, в 15:31
750 руб./в час
Написать небольшой сайт
28 дек. 2024, в 15:27
10000 руб./за проект
Ещё заказы