SASS

@media screen and (max-width: 990px) body .siteWrapper #menuAccordion margin-left: 10% .content .wrapper .item width: 50% @media screen and (max-width: 400px) body .siteWrapper .content .wrapper .item width: 100%!important

It processes only the first media request, the second max-width: 400px does not work.

How to be?

  • check the debugger for a start (F12 button in the browser) - you need to decide to start, your browser styles do not work, or are simply interrupted by others due to, for example, insufficient selector weight - lexxl
  • The browser in the debugger does not see the media request at all max-width: 400. For a screen width of 320px, it shows that the media request is max-width: 990px - cozlofa
  • in codepen.io/anon/pen/wWwmox?editors=1100 your code works. look for mistakes somewhere in your home - lexxl
  • I checked, it just works out only one media request for 990px, and the one that makes a block 100% wide does not work - cozlofa
  • After adding the tag <meta name = "viewport" content = "width = device-width, initial-scale = 1"> requests earned - cozlofa

0