DEV Community

Discussion on: Media Query with CSS Grid

Collapse
 
djibe profile image
djibe

Hi, why @media screen and (min-width:481px) and (max-width:768px) ?

Isn't cascading enough to mobile first then supercharge with
@media screen and (min-width:480px)
...
@media screen and (min-width:768px)
...
?
Thanks

Collapse
 
shubhamtiwari909 profile image
Shubham Tiwari

I didn't get your point
Can you please explain in detail

Collapse
 
djibe profile image
djibe

No need to set ranges of media queries as CSS will apply last rule.
So setting styles from lower to greater viewport width is enough.