Checkout my Getting Started with React video course on Skillshare. It is 100% free.

Building a layout with CSS Grid video series: Part 3 – Setting the rows and columns sizes in a CSS grid

In the third lesson of this example, we will use the grid-template-columns and grid-template-rows to size the elements. Also, we will see the CSS grid auto-placement in action and how we can make a CSS layout to span the full height of the screen.

Also, you can check the other screencast series about Build a game with React part 1 and my full video course about React on Skillshare.