Min-width и max-width медиа-запросы отличаются тем, что задают разные условия для применения стилей. 12

Min-width задаёт минимальное значение характеристики, при котором стили будут применяться. 1 Например, стили будут применяться только к устройствам с шириной экрана не меньше указанной величины. 2

Max-width задаёт максимальное значение характеристики. 1 Как только ему присваивается значение, все стили внутри конкретного медиа-запроса будут применяться к любому устройству, размер экрана которого находится в диапазоне от 0px до указанной максимальной ширины. 2

Таким образом, min-width применяется, когда нужно изменять элемент только для экранов большего размера, а max-width — когда нужно переписывать стандартное состояние элемента для меньших экранов. 3