Медиа-запрос максимальной ширины – это метод CSS, используемый для применения стилей к веб-странице, когда ширина экрана равна или меньше указанного значения. С другой стороны, медиа-запрос минимальной ширины применяет стили, когда ширина экрана равна или превышает указанное значение.

Вот несколько примеров использования медиазапросов максимальной и минимальной ширины:

1. Максимальная ширина медиазапроса:

   @media (max-width: 768px) {
   /* Styles applied when the screen width is 768 pixels or smaller */
   }

2. Минимальная ширина медиа-запроса:

   @media (min-width: 1024px) {
   /* Styles applied when the screen width is 1024 pixels or larger */
   }

3. Объединение максимальной и минимальной ширины:

   @media (min-width: 768px) and (max-width: 1024px) {
   /* Styles applied when the screen width is between 768 pixels and 1024 pixels */
   }

Использование медиа-запросов позволяет создавать адаптивный веб-дизайн, адаптирующийся к различным размерам экранов и устройствам. Настраивая макет и стили в зависимости от ширины экрана, вы можете обеспечить оптимальное взаимодействие с пользователем на различных устройствах.