This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Instagram Clone - CSS Grid Mastery
Introduction
Trailer (1:43)
Course Overview - Important info here! (2:06)
The Gridfolio App (5:13)
What is CSS Grid? (7:00)
Download Code Resources
CSS Grid Properties
grid-template-columns (10:57)
grid-template-rows (1:49)
grid (1:23)
justify-items, align-items, place-items (4:09)
justify-content, align-content, place-content (5:37)
grid-auto-flow, grid-auto-columns, grid-auto-rows (2:50)
grid-gap, grid-column-gap, grid-row-gap (1:59)
grid-template-areas (3:01)
Child properties (8:35)
Project: GridGallery App
create-react-app (0:25)
React-router (10:26)
Stock Photos (3:30)
What are styled-components? (5:00)
Image styled-component (5:28)
App.js so far
PhotoGrid (1:26)
UserGrid (14:37)
Google Fonts (2:36)
Modal (11:33)
PostGrid (5:38)
Mini UserGrid (6:28)
TabLinks (4:19)
Cascade Layout (14:36)
Responsiveness (15:17)
PhotoGrid
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock