Learn the fundamentals of CSS Grid in this comprehensive video tutorial. Master essential concepts including grid creation, column and row manipulation, spacing, alignment, and responsiveness. Explore advanced techniques like grid template areas and browser tools. Apply your knowledge to a practical testimonials grid project, covering HTML structure, styling, and media queries for responsive design. Gain hands-on experience with code examples and follow along with detailed timestamps for easy navigation through the tutorial content.
Overview
Syllabus
- Intro.
- Sponsor.
- Slides.
- HTML & Base CSS.
- Creating a Grid.
- grid-template-columns.
- repeat() .
- Gap Spacing.
- Row Height.
- grid-auto-rows.
- minmax().
- grid-template-rows.
- Grid Browser Tools.
- Align & Justify.
- Grid Column Span.
- Grid Row Span.
- Responsiveness.
- Grid Template Areas.
- Testimonials Grid Project Intro.
- Testimonials HTML.
- Base & Card Styling.
- Grid Styling.
- Media Query & Span Resets.
Taught by
Traversy Media
