Skip to content

Instantly share code, notes, and snippets.

@richardiwnl

richardiwnl/Media Query Breakpoints.md

Created April 20, 2023 12:25
Show Gist options
  • Save richardiwnl/283a1fe6a4b50147b2cd16b1b8824841 to your computer and use it in GitHub Desktop.
Save richardiwnl/283a1fe6a4b50147b2cd16b1b8824841 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Media Query Breakpoints.md

Common Media Query breakpoints:

Breakpoint Description
< 481px Mobile devices
481px — 768px iPads, Tablets
769px — 1024px Small screens, laptops
1025px — 1200px Desktops, large screens
1201px and greater Extra large screens, TV

Bootstrap breakpoints:

Breakpoint Description
< 576px xs
>=576px small
>=768px medium
>=992px large
>=1200px xl
>=1400px 2xl

Tailwind breakpoints:

Breakpoint Description
< 640px xs
>=640px small
>=768px medium
>=1024px large
>=1280px xl
>=1536px 2xl
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment