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)
grid-gap, grid-column-gap, grid-row-gap
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
