Hi guys, Welcome to the Advanced Video Search Engine, and you are watching CSS Grid Crash Course - 8 Layout Examples. That video is uploaded by ByteGrad at 2022-08-22T13:13:22-07:00. We are promoting this video only for entertainment and educational purpose only. So, I hope you like & enjoy it. [IPxM7B3viPc]
| Name | CSS Grid Crash Course - 8 Layout Examples |
| Video Uploader | Video From ByteGrad |
| Upload Date | This Video Uploaded At 22-08-2022 20:13:22 |
| Video Discription | 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Email newsletter (React + Next.js course out soon!): https://email.bytegrad.com 💻 Premium Courses: Professional JavaScript: https://bytegrad.com/courses/professional-javascript Professional CSS: https://bytegrad.com/courses/professional-css All courses: https://bytegrad.com/courses 🔔 Email newsletter (get new course discounts): https://email.bytegrad.com 0:00 Section 0 - Intro 1:48 Section 1 - How CSS Grid works 2:56 display: grid 3:33 grid-template-columns 4:12 grid-template-rows 6:09 fr-unit instead of px-unit 10:39 grid-column 12:23 grid-row 16:01 span 16:26 -1 16:55 column-gap, row-gap & gap 20:57 align-self 21:39 justify-self 23:14 justify-items 23:40 align-items 24:49 grid-template-areas 25:48 grid-area 27:48 Section 2 - Real layout examples 27:56 Example 1 31:30 Example 2 37:23 Example 3 40:59 Example 4 42:48 Example 5 43:41 Example 6 44:05 Example 7 44:36 Example 8 45:00 Example 9 (Bonus) #cssgrid #css #css3 #webdevelopment #coding #programming IPxM7B3viPc |
| Category | Science & Technology |
| Tags | cssgrid | css grid | css3 grid | css grid vs flexbox | css grid layout | display: grid | grid-template-columns | grid-template-rows | grid-template-areas | align-items | justify-items | justify-content | align-self | justify-self |
