showing 23 lessons...
grid shorthand property, we can set all of the explicit grid properties (
grid-template-areas), all the implicit grid properties (
grid-auto-flow), and the gutter properties (
grid-row-gap) in a single declaration.
What about the situation in which we aren’t specifying the number of columns or rows to be repeated? There are two properties we can use in this situation;
auto-fit. We’ll explore what each one does and why we would need to use them on our grid-tracks.
We can use the
repeat() function if we have repeating specifications for columns and rows. With the
minmax() function, we can define a size range for our grid items. Let’s see how to apply these properties, and how it affects the behaviour of our grid layout.
We’ll discuss the
display values pertinent to CSS Grid Layout –
subgrid. Then, let’s jump in at the deep end by putting together a simple grid layout in a flash.
Another option to enable the Grid Layout is to enable the
Experimental Web Platform features flag in