Skip to content

Instantly share code, notes, and snippets.

@denielchiang

denielchiang/tailwind.config.js

Forked from cvan/tailwind.config.js
Created February 13, 2020 05:28
Show Gist options
  • Save denielchiang/56d6daf0fe237da425dbbb86f901adb6 to your computer and use it in GitHub Desktop.
Save denielchiang/56d6daf0fe237da425dbbb86f901adb6 to your computer and use it in GitHub Desktop.
Download ZIP
tailwind CSS breakpoints (including iPhone 11 Pro Max)
Raw
tailwind.config.js
// References used:
// - https://yesviz.com/devices.php
// - https://ricostacruz.com/til/css-media-query-breakpoints
// - https://tailwindcss.com/docs/responsive-design/#customizing-breakpoints
screens: {
xs: { max: '575px' }, // Mobile (iPhone 3 - iPhone XS Max).
sm: { min: '576px', max: '897px' }, // Mobile (matches max: iPhone 11 Pro Max landscape @ 896px).
md: { min: '898px', max: '1199px' }, // Tablet (matches max: iPad Pro @ 1112px).
lg: { min: '1200px' }, // Desktop smallest.
xl: { min: '1159px' }, // Desktop wide.
xxl: { min: '1359px' } // Desktop widescreen.
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment