In this video about getting started with CSS grid layout, I start a series of me playing an awesome game, "Grid Critters". It is a way to learn the grid system while having interactive fun.
You can use the "grid-template-columns" property to set the amount of columns you would like for your website layout. You can set the units in pixels, fr, percentages.
The next property, "grid-template-rows" lets you set how many rows you would like to have in your website layout. You can also specify this number in pixels, fr, percentages.
Check out the game over at gridcritters.com. It's a blast to play and it will help you understand CSS grid a lot better.
Stay tuned for part two of the series.
Chris Matthew
コメント