Responsive Design Test

Test the responsive design across different devices and screen sizes

Current Device Size

Desktop: 1200px+
Tablet: 768px - 1199px
Mobile: 320px - 767px
Small Mobile: Below 320px

Responsive Grid Test

Column 1

33.33% width on desktop

Column 2

33.33% width on desktop

Column 3

33.33% width on desktop

Responsive Typography Test

Heading 1 - Responsive

Heading 2 - Responsive

Heading 3 - Responsive

This is a paragraph with responsive font sizing that adapts to different screen sizes automatically.

Small text that should remain readable on all devices

Responsive Buttons Test

Mobile Menu Test

The mobile menu is automatically available on screens smaller than 768px. Try resizing your browser window to test the responsive navigation.

💡 Tip: On mobile devices, the hamburger menu will appear in the top right corner. Click it to open the mobile navigation menu.