Skip to content

Instantly share code, notes, and snippets.

@zgordon

zgordon/twentyseventeen-media-queries.css

Last active February 13, 2018 04:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zgordon/dbec20169c346490beab0ec50ed70aef to your computer and use it in GitHub Desktop.
Save zgordon/dbec20169c346490beab0ec50ed70aef to your computer and use it in GitHub Desktop.
Download ZIP
In this example we see how to add media queries to wide width and normal width blocks.
Raw
twentyseventeen-media-queries.css
@media only screen
and (max-width: 480px) {
body.page-two-column:not(.archive) #primary .entry-header,
.entry-content > *:not( .alignwide ):not( .alignfull ) {
max-width: 75%;
width: 75%;
}
.alignwide {
max-width: 90%;
width: 90%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment