Media query not working in sass?

Question

css

Please tell me what is the problem?? I'm sure it's nested, but I don't understand where exactly... when the resolution is less than 375px, the menu (header-menu__list) should be hidden, and the button (header-menu__toggle) should appear, but something doesn't work

Answer 1

Try writing like this:

.header-menu
  display: flex
  padding-bottom: 2%
  @media screen and (max-width: 375px)
    width: 100%
    display: flex
    justify-content: space-around

Answer 2

thanks for responding. I decided everything ... I was stupid and forgot to connect the meta head))