When it comes to responsive design the CSS grid is a delight to work with. We can use plain old media queries, or the minmax function. For this lesson, we will use the media queries to demonstrate how much flexibility the CSS grid is giving use to deal with different screen sizes.
- 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.