Back to Components

Grid and Spacings

Whitespace UI's grid system offers a responsive approach to website design. Our 12-column, 1216px grid is optimized for desktop, while our 8-column, 704px grid is tailored to tablets, and our 4-column, 343px grid is designed for mobile devices. Our grid system is complemented by our use of the 8-pixel rule for spacings, ensuring a consistent and visually appealing layout across all devices.