Hey guys! After all of the recent articles about CSS grid, I am happy to announce that I've started to recoded a new screencast series. It will be a 6 part video course about making a responsive homepage layout with CSS grid and named template areas.
Below is the first part, describing the full example and the starting files. Drop me an email at daniel at js-craft.io with your feedback 🙂 Expect 1-2 videos per week.
- 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.