12-column desktop grid, 5 breakpoints, 2 container types, and 4 layout patterns — the structural foundation of every VendHub page.
The grid shifts across breakpoints — 12 columns on desktop, 8 on tablet, 4 on mobile. Click to switch.
Each breakpoint defines columns, gutter, sidebar state, and padding. Click any segment to see the full spec.
The admin sidebar transitions across breakpoints — full at desktop, icon-rail at tablet, hidden with overlay at mobile.
Every VendHub page maps to one of these patterns. No mixing on the same page.