English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1.5 Hours | 319 MB
Learn EVERYTHING about the Most Powerful Layout System available in CSS : CSS Grid Layout from Beginner to Advanced!
CSS has always been used to lay out our web pages, but it’s never done a very good job of it. First we used tables, then floats, positioning and inline-block, but all of these methods were essentially hacks and left out a lot of important functionality.
Fortunately, CSS Grid is here!
CSS Grid is the very first CSS module created specifically to solve the layout problems we’ve all been hacking our way around for as long as we’ve been making websites.
And in this course, you will learn EVERYTHING about CSS Grid,
By the end of this course, we will create a Responsive website from scratch
So if you want to create advanced layouts in CSS easily, this course is the PERFECT course for you, and I have done my best so it will be the best course out there to master CSS Grid!
What Will I Learn?
- You will learn the concepts behind CSS Grid layout
- You will learn how to create responsive websites without media queries
- You will be able to create any Grid System that you like
- You will become a better CSS Developer
- You will learn the most POWERFUL layout system in CSS
Table of Contents
CSS Grid Basics
1 Introducing the CSS Grid layout
2 CSS Grid terminology
3 Create your first CSS Grid
4 Grid template rows and columns
5 Firefox Grid inspector tool
6 Grid gap
Intermediate CSS Grid layout
7 Fr and min-max()
8 Repeat()
9 Auto-fill and auto-fit
10 The explicit and implicit grid
Advanced CSS Grid layout
11 Grid template areas
12 Children properties for alignment
13 Aligning grid items using named lines
14 Justify-items and align-items
15 Justify-content and align-content
16 Justify-self
17 Align-self
CSS Grid Challenges
18 Create a website from scratch (part 1)
19 Create a website from scratch (part 2)
20 Create a website from scratch (part 3)
21 Create a website from scratch (part 4)
22 Create a website from scratch (part 5)
23 Create a website from scratch (part 6)
Bonus
24 Where to go from here
Resolve the captcha to access the links!