In the second part of this screencast series, we will see how we can use the grid-template-areas to define the general cell tiles of the layout. Also, by using the grid-area we will place each component in its corresponding grid cell.
Stay tuned as the next week I will publish two new episodes from this series.
This screencast is part of a six part video course.
- Part 1 ā Introduction
- Part 2 ā Defining the named template areas in a CSS Grid
- Part 3 ā Setting the rows and columns sizes in a CSS grid
- Part 4 ā Centering items in CSS grid and using flexbox
- Part 5 ā Responsive design with CSS grid
- Part 6 ā Leave an empty cell and naming cells in a CSS grid layout
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.
š Neural networks for Javascript developers
The Neural Networks for JavaScript developers book is almost ready! Learn the basics of AI with TensorFlowJs examples. Join now the presale and get a 15$ coupon off the launching price!