Media Query Styles Not Overriding Original Styles

Question

I\'m attempting to use some media queries for a website I\'m building. The problem I\'m having however, is while the media query styles are actually being applied, they\'re

Answer 1

From the code you submitted, this probably won't resolve your issue. However, in your CSS if you are nesting styles inside of one another:

.main-container {
  .main {
    background: blue;
  }
}

A media query for .main won't work because of the nesting. Take .main out of .main-container and then the media query will work as assumed:

.main-container {

}

.main {
  background: blue;
}