Skip to content

Instantly share code, notes, and snippets.

@agent-simon-s

agent-simon-s/SCSS-responsive-breaks.scss

Created November 7, 2017 00:42
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 agent-simon-s/299749fb8dbd9afd7459a8fd8ddf1294 to your computer and use it in GitHub Desktop.
Save agent-simon-s/299749fb8dbd9afd7459a8fd8ddf1294 to your computer and use it in GitHub Desktop.
Download ZIP
SCSS: responsive break points
Raw
SCSS-responsive-breaks.scss
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment