React Instagram Clone - CSS Grid & Styled-components
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + .srt | Duration: 29 lectures (2h 42m) | Size: 1.52 GB

Build an Image Gallery app with React, React Router and styled-components, mastering CSS Grid with over 100 examples! What you'll learn:
Explore the properties of CSS Grid, with over 100 example Grids
Build a complete Image Gallery app with React, React Router and Styled Components
Responsive Layouts: Use media queries and grid-template-areas to quickly build layouts for any device
Styled-components: Write CSS inside of React components
Stock photos: Learn how to gather, and resize trendy stock photos for a professional look and feel
Build 2 Layouts: Square and Cascading row heights
React Router: Learn how to restyle Links, matching routes with search parameters
Image Modals: Learn how to globally lock scrolling when an image modal is open

Requirements
To build the GridGallery app, you should have prior experience running create-react-app, basic knowledge of React, CSS, and Web Development. The first section does not discuss React and is just about CSS Grid

Description
Now updated for the latest version of React and Styled-components!

First learn CSS Grid with the Gridfolio App, exploring each parent and child property of CSS Grid. Then build the GridGallery app, an Image Gallery app built with React, React Router and Styled-components.

With the Gridfolio app, you'll access over 100 Grids, with grids for each parent and child property of CSS Grid. We explain through example, so you'll see how each Grid property changes with new and different values, and how you can combine multiple Grid properties together.