grid-template-columns | React.school

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)

Teach online with

grid-template-columns

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock