Grid

Grids are the foundation to design web page experiences. Thanks to a twelve column system they aid visual balance and make the user interface easier to scan. Having a defined grid creates a consistent layout that works across other platforms and different breakpoints.

Equal Width

Loading preview

Push and Pull

Loading preview

Push Pull With Flex

Loading preview

Offset Columns

Loading preview

Reflow

Loading preview

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.