Медиа-запросы (Media Queries) — это инструмент в CSS, используемый для изменения стилей элементов на странице в зависимости от размера экрана и различных устройств.
Данный инструмент помогает делать страницу адаптивной.
Медиа-запросы начинаются с ключевого слова @media, за которым следует условие, которое определяет, когда нужно применять эти стили. Например, чтобы изменить стили элементов на странице, когда ширина экрана меньше 480 пикселей, используйте следующий код:
@media (max-width: 480px) { /* CSS-правила для экранов с шириной меньше 480 пикселей */ }
Более подробно Вы можете узнать здесь:
https://mazzed.ru/kak-pisat-media-zaprosy-css/