xs (default) < 640px (40rem) Mobile First
sm: 640px+ (40rem) Small Tablets
md: 768px+ (48rem) Tablets
lg: 1024px+ (64rem) Small Desktops
xl: 1280px+ (80rem) Large Desktops
2xl: 1536px+ (96rem) Extra Large

Tailwind CSS Breakpoints

Here are all the Tailwind CSS responsive breakpoints and their corresponding media queries:

Breakpoint Prefix Minimum Width CSS Media Query
xs (default) 0px No media query (mobile first)
sm 40rem (640px) @media (width >= 40rem) { ... }
md 48rem (768px) @media (width >= 48rem) { ... }
lg 64rem (1024px) @media (width >= 64rem) { ... }
xl 80rem (1280px) @media (width >= 80rem) { ... }
2xl 96rem (1536px) @media (width >= 96rem) { ... }
Skip to content
GL Group Import – Export

Reports

Sign In / Register

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

SIgn In

Boost Your Cross-Border Operations

With Expert Customs and Logistics Solutions

We provide integrated services in customs brokerage, logistics, and international transportation.

CONTACT US TODAY for personalized support and take your supply chain to the next level.

Contact Us Today