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 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 faucibus commodo quis fames accumsan euismod, tellus tincidunt morbi cras hac primis volutpat eget pharetra, laoreet inceptos fermentum nam nostra magna dictumst proin.

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 faucibus commodo quis fames accumsan euismod, tellus tincidunt morbi cras hac primis volutpat eget pharetra, laoreet inceptos fermentum nam nostra magna dictumst proin.

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