Media queries

  • I’m having a problem about the responsiveness of my site.
    Why is that every time I try to use min for any media queries values, it would affect the higher media queries values?
    But on what I’ve researched, it is the other way around. It says that it is recommended to use min so that higher set media queries values would not be affected. I’m so confused right now.

Viewing 1 replies (of 1 total)

  • hi,
    u can use min or max, like u want it.
    I think generally min-width media queries are used for “mobile first” responsive themes. Not sure at all.

    if you use min width 700px for example, everything above 700px will have this styles.
    So if u maybe change the background-color for min 700 to red, everything above 700 get the red background.
    But if 1000px should have a blue background, just create a new media querie with min 1000px background blue, after the min 700px media querie ??

    With max-width 700px media querie, everything UNTIL 700px get the styles. After that, u need a new querie until the next stage u want to.

Viewing 1 replies (of 1 total)
  • The topic ‘Media queries’ is closed to new replies.