Layout System Test

This page tests all layout components and responsive breakpoints.

Hero Component Test

Testing the hero component with CTA and features

Test CTA
Feature 1
Feature 2
Feature 3

Section with Stack Layout

Testing consistent vertical spacing

Stack Item 1

Content with consistent spacing

Stack Item 2

Content with consistent spacing

Stack Item 3

Content with consistent spacing

Responsive Card Grid Test

Should be 1 column on mobile, 2 on tablet (720px+), 3 on desktop (1024px+)

Test Product 1

Test Product 1

Testing responsive grid layout

$99 View Deal
Test Product 2

Test Product 2

Testing responsive grid layout

$149 View Deal
Test Product 3

Test Product 3

Testing responsive grid layout

$199 View Deal
Test Product 4

Test Product 4

Testing responsive grid layout

$249 View Deal
Test Product 5

Test Product 5

Testing responsive grid layout

$299 View Deal
Test Product 6

Test Product 6

Testing responsive grid layout

$349 View Deal

Cluster Layout Test

Button 1
Button 2
Button 3
Button 4

Email Signup Test

Get the best deals first

Join 47,000+ deal hunters getting exclusive discounts delivered weekly.

No spam. Unsubscribe anytime.

CSS Class Verification

DaisyUI Classes Working:

  • ✅ dui-navbar (check header)
  • ✅ dui-footer (check footer)
  • ✅ dui-menu dui-menu-horizontal (check navbar)
  • ✅ dui-card dui-card-body (this card)
  • ✅ dui-btn dui-btn-primary/secondary (above)
  • ✅ bg-base-100/200/300 (background colors)
  • ✅ text-base-content (text color)
  • ✅ border-base-300 (borders)