Install the responsive foundation

Use the compiled CSS, then map content through Databoard sections when you want the full Antsand compiler workflow.

Use the table below as the canonical breakpoint reference.

Docs
Breakpoint Min Width Max Container Width Class Prefix Columns Gutter Nestable
Small < 600px Auto .*-sm 9 Variable Yes
Tablet >= 600px 600px .*-tablet 9 Variable Yes
Mini Desktop >= 1090px 1090px .*-minidesktop 9 Variable Yes
Semi Desktop >= 1300px 1300px .*-semidesktop 9 Variable Yes
Desktop >= 1500px 1500px .*-desktop 9 Variable Yes
Big Desktop >= 1900px 1900px .*-bigdesktop 9 Variable Yes

Breakpoint usage pattern

Use device suffixes when you need different behavior per viewport. Keep source content separate from template preview data, then map the section to this menu source.

Breakpoint suffixes text 
sm
sm-tablet
sm-minidesktop
sm-semidesktop
sm-desktop
sm-bigdesktop

ANTSAND

AI-readable CSS, Header/Body/Footer contracts, and generated-site hardening across the ANTSAND ecosystem.

ANTSAND Styles v2 - Open Source CSS Framework