Skip to content

Instantly share code, notes, and snippets.

@botic

botic/breakpoints.md

Last active October 16, 2018 08:29
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save botic/6bc170084f50080ccac597ca61722d17 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save botic/6bc170084f50080ccac597ca61722d17 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
breakpoints.md

Breakpoints

Bootstrap

<576px  Extra small
≥576px  Small
≥768px  Medium
≥992px  Large
≥1200px Extra large

Pure CSS

sm  ≥ 568px 
md  ≥ 768px 
lg  ≥ 1024px
xl  ≥ 1280px

Bulma

Mobile     <= 768px
Tablet     769px – 1023px
Desktop    1024px – 1215px
Widescreen 1216px – 1407px
FullHD     >= 1408px

Vuetify

[0,    600)  -> x-small (small to large handset)
[600,  960)  -> small   (small to medium tablet)
[960,  1264) -> medium  (large tablet to laptop)
[1264, 1904) -> large   (desktop)
[1904, ...)  -> x-large (4k and ultra-wides)

Mini.css

small: < 768px
medium: >= 768px – < 1280px
large: >= 1280px

UIKit

s     <= 640px
m     <= 960px
l     <= 1200px
xl    <= 1600px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment