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.
- 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.
š Build a full trivia game app with LangChain
Learn by doing with this FREE ebook! This 35-page guide walks you through every step of building your first fully functional AI-powered app using JavaScript and LangChain.js
š Build a full trivia game app with LangChain
Learn by doing with this FREE ebook! This 35-page guide walks you through every step of building your first fully functional AI-powered app using JavaScript and LangChain.js