Please tell me why for some reason media queries do not work? Min-width works, but max-width is not, I can not understand what the problem is.

.menu_list { display: flex; justify-content: space-around; list-style: none; background-color: rgba(0, 0, 0, 0.6); } @media (max-width: 500px) { .menu_list { background-color: rgba(155, 100, 142, 0.5); } }

Devtools

  • Throw off your code in more detail: html + css - Antonio112009

1 answer 1

Add to head - <meta name="viewport" content="width=device-width, initial-scale=1">

This should help