Save Time With the CSS “grid” Shorthand Property
Web Design Envato Tuts+ -

In past tutorials we’ve learned how to set up a grid, defining its explicit properties (like grid-template-columns and grid-template-areas) and even some of its implicit properties (like grid-auto-columns). In this tutorial we’re going to look at the shorthand property grid which quickly deals with all of the above in a single statement.

Your Grid, in Two Easy Lines

As usual, begin by declaring display: grid; on your container. Next, use the grid property to lay out your rows, then your...


In related news