4.2 Implementing the Grid Layout
Now that we have an idea of what the grid layout is, let’s jump into our CSS and make it work.
1.Welcome
1.1Introduction01:38
1.1
Introduction
01:38
1.2The Standardization Process04:31
1.2
The Standardization Process
04:31
2.Level 4 Selectors
2.1The Negation Pseudo-Class07:13
2.1
The Negation Pseudo-Class
07:13
2.2The :has Pseudo-Class09:07
2.2
The :has Pseudo-Class
09:07
2.3Combining :has and :not08:22
2.3
Combining :has and :not
08:22
2.4Efficient Selection With :matches07:16
2.4
Efficient Selection With :matches
07:16
2.5Working With Links05:02
2.5
Working With Links
05:02
2.6Selecting :blank Elements03:47
2.6
Selecting :blank Elements
03:47
3.Styling Tables
3.1Selecting Table Columns04:50
3.1
Selecting Table Columns
04:50
3.2Column Pseudo-Classes08:06
3.2
Column Pseudo-Classes
08:06
4.Layout Options
4.1The Grid Layout03:59
4.1
The Grid Layout
03:59
4.2Implementing the Grid Layout10:25
4.2
Implementing the Grid Layout
10:25
4.3The Flexbox Model10:26
4.3
The Flexbox Model
10:26
5.Other Options
5.1Scoped Styles06:20
5.1
Scoped Styles
06:20
5.2Introducing Blend Modes04:20
5.2
Introducing Blend Modes
04:20
5.3Implementing Blend Modes09:16
5.3
Implementing Blend Modes
09:16
5.4Using calc()14:05
5.4
Using calc()
14:05
5.5CSS Variables11:30
5.5
CSS Variables
11:30
6.Conclusion
6.1Final Thoughts02:42
6.1
Final Thoughts
02:42
