Why are media queries not working?

Question

css

.descriptions__content {
        display: flex;
        justify-content: space-around;
        
        @media (max-width: 1424px) {
            .descriptions__content {
                flex-direction: column;
        }

        }
    }

Isn't it possible to set media queries like this?

Answer 1

If the page width is 0 - 1424px then the rules will be applied. Otherwise no. Your code will become

.descriptions__content {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 1424px) {
  .descriptions__content .descriptions__content {
    flex-direction: column;
  }
}

If the properties don't apply, then the rules don't match the html markup.