Naomi Bastian Design

Tutorials

Back to the Assignments Archive

Layout with Grid

Beginning with CSS Grid

Grids are a useful tool for graphic design in any form, and web design is no exception. Planning layouts with grids can ensure perfect alignment and spacing, and create a logical flow of information. Space can come at a premium with web design, especially when it comes to responsive layouts, so creating layouts that use space effectively is essential.

CSS Grid Layout is a two-dimensional layout model which controls columns and rows together.

Layouts

Be forewarned: CSS Grid may not be implemented in all browsers. If you are designing for a wide audience, especially one still using Internet Explorer, make sure to test new pages and layouts in other browsers or check CSS selectors at "Can I use" to ensure proper layout display across all browsers.