This will be a shorter lesson. Its scope is to show how we can center the contents in a grid cell and also how we can combine CSS grid with any other type of layout manager.
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.
š 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.
š 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.