Learn CSS Grid in 35 minutes: The Ultimate Crash Course for Beginners
Looking to learn CSS Grid quickly and easily? You've come to the right place! In this comprehensive CSS Grid crash course, we'll take you through everything you need to know to create responsive web layouts in just one hour.
Whether you're a beginner or looking to brush up on your skills, this video covers the fundamentals and beyond, including how to create grid containers and grid items, defining grid columns and rows, working with grid lines and gaps, and using CSS Grid properties to position and align content.
By the end of this video, you'll be confident in using CSS Grid to build modern, responsive web pages from scratch. So why wait? Watch this CSS Grid crash course now and take your web design skills to the next level!
Github Repo for source code: https://github.com/Vishal-raj-1/Front...
This video is part of the Frontend Development Essentials Course: • Frontend Development Essentials
TIMESTAMPS
00:00 Theory Intro
00:30 CSS Flexbox vs CSS Grid
00:51 Coding Intro
04:21 display
04:55 grid-template-columns
07:01 repeat keyword
08:20 grid-template-rows
10:08 justify-items
11:33 justify-content
14:36 align-items
18:35 align-content
20:25 row-gap, column-gap, gap
22:10 grid-column-start, grid-column-end
23:12 grid-column
25:57 grid-row-start, grid-row-end
27:02 grid-row
27:45 grid-area
29:35 place-content, place-items
30:34 grid-area, grid-template-areas
Checkout Other Playlist:
⭐ HashMap & HashSet Playlist: • HashMap & HashSet
⭐ Binary Trees Data Structure Playlist: • Binary Trees | Data Structures and Al...
⭐ Master Linked List with Vishal Rajput Series: • Master Linked List
⭐ Stack Data Structure in C++ Playlist: • Stack Data Structure in C++
⭐ LeetCode Daily Challenge Solution Playlist: • Leetcode Solution by Vishal Rajput
Join Telegram Community: https://t.me/vishal_rajput_1
Connect with me,
👉 Instagram: / vishal_raj_1_
👉 Twitter: / vishalraj_1
👉 LinkedIn: / vishalraj1
👉 GitHub: https://github.com/Vishal-raj-1
#FrontendWithVishal