Skip to content

Instantly share code, notes, and snippets.

@domantasg

domantasg/Media Query Example

Created August 8, 2017 12:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save domantasg/028748c8db2b13a412b2ba4be74ef5b9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save domantasg/028748c8db2b13a412b2ba4be74ef5b9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Media Query Example
/* Media Type and Media Feature and Media Feature*/
@media only screen and (min-width: 400px) and (max-width: 800px) {
.inline-text-box {
width: 100%;
display: block;
}
}
/* Media Feature Only */
@media (max-width: 1200px) {
.inline-text-box {
width: 50%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment