Я практикуюсь в программировании. Пытаюсь создать веб-страницу grubhub. Возникли проблемы с медиа-запросом максимальной ширины.

Ниже мой код

  @media (max-width: 800px) {
    div.displayFood h2 {
      font-size: 3rem;
    }
    .order {
      display: flex;
      flex-direction: column-reverse;
    }
  }

Я понял, что это много кодов. Ценю любую помощь.

2
Emma Li 30 Окт 2020 в 09:27

2 ответа

Лучший ответ

У вас пропущена закрывающая скобка на классе .hide

Вот почему после этого урока ничего не работает.

.hide {
  display: none;
} /*<---- this is missing*/
  
@media (min-width: 800px) {
  .hero {
    flex-wrap: nowrap;
  }
}
0
54ka 30 Окт 2020 в 11:27

Медиа-запрос для устройства шириной <800 пикселей будет @media only screen and (max-width: 800px) {...}

-1
Dhruvi Makvana 30 Окт 2020 в 06:30