CSS Media queries for 2 different ranges -
CSS Media queries for 2 different ranges -
i've got situation on big screens (1400px+) have big content area wide side content (3 columns). screen gets smaller number of aside columns gets less, main content gets smaller. because main content gets smaller i've got media queries style content , stuff goes below each other within main content.
the issue here when browser resolution goes below 960px, containers take width of 1 line main container bigger 1 time again , want same rules apply on 1400px+ resolutions (because looks way better). below 768px want go layout on 1 line.
i've got in place separate styles: @media screen , (min-width: 960px) , (max-width: 1400px){
want below 768px utilize these same styles. possible without duplicating code?
demo
or
comma separate.
@media screen , (min-width: 960px) , (max-width: 1400px), (max-width: 768px) {... }
technically these treated separate media queries, or
.
css media-queries
Comments
Post a Comment