Video: Responsive Instagram Layout With CSS Grid
Modern CSS Layouts
Released: null
Instructor
Scott Tolinski
-
1. About Modern CSS Layouts
3M
-
2. How To Get Started With Flexbox
19M39S
-
3. Flexbox Container Children
12M47S
-
4. CSS Grid Basic Terminology
7M25S
-
5. CSS Grid Basic Container Properties
13M37S
-
6. CSS Grid Container Advanced Properties
12M37S
-
7. Children Properties For CSS Grid
13M39S
-
8. Grid Area In CSS Grid
6M16S
-
9. A Quick Overview Of CSS Variables
5M40S
-
10. CSS ViewPort Units
5M20S
-
11. How To Recreate The Instagram Layout
18M25S
-
12. Responsive Instagram Layout With CSS Grid
17M22S
-
13. Fullscreen Background Video Layout
15M26S
-
14. Tweetdeck LayoutVertical, Infinite Scrolling Columns
18M29S
-
15. Tweetdeck Layout Part 2
14M43S
-
16. Named Grid Areas With Facebook Layout
17M32S
-
17. The Facebook Post Layout
12M35S
Responsive Instagram Layout With CSS Grid
In this video of the Modern CSS Layouts tutorials we’ll be using CSS Grid to make our recreated Instagram layout mobile responsive. You’ll be able to see how and when to use the CSS Grid basic components to recreate a layout similar to Instagram that’s mobile responsive.