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

News

News Three

News Three

News Three Content Lorem ipsum dolor sit amet consectetur adipiscing elit lacus, bibendum nullam vehicula pretium sodales condimentum hac, torquent vel est in eu aliquam leo. Elementum eu eleifend massa...

Read More →
News Two

News Two

News Two Content Lorem ipsum dolor sit amet consectetur adipiscing elit lacus, bibendum nullam vehicula pretium sodales condimentum hac, torquent vel est in eu aliquam leo. Elementum eu eleifend massa...

Read More →
News One

News One

News One Content Lorem ipsum dolor sit amet consectetur adipiscing elit lacus, bibendum nullam vehicula pretium sodales condimentum hac, torquent vel est in eu aliquam leo. Elementum eu eleifend massa...

Read More →

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