демо: https://codesandbox.io/s/bold-cloud-zsnss?file= / src / styles. css: 937-1010
в файле css У меня есть медиа-запрос, который нацелен на любое устройство, которое имеет ширина ниже 500px
@media all and (max-width: 500px) {
.wrapper {
display: flex;
}
}
Однако это не оказало никакого влияния на
<div class="wrapper">
Несколько человек говорят, что все работает нормально. Я приложил скриншот, чтобы показать, что он на самом деле не работает. 
Я не могу понять, где это пошло не так.
Другой вопрос: в чем разница между
@media all and (max-width: 1000px) {
}
и
@media (max-width: 1000px) {
}
Я видел оба в примерах медиазапросов.