Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:7Length:41 minutes

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Welcome

In this course, I’ll show you how to use CSS Grid Layout’s more advanced features. Please be aware that before watching this you should be familiar with the basics of CSS Grid, so check out the lesson notes for a link to our beginner’s course that will get you started on the right path.

Without further ado, let’s jump into lesson #1 and talk about explicit vs. implicit grids!

Related Links

1.1 Welcome

Hello, and welcome to an Envato Tuts+ course. I'm Adi Purdila, and in this course, I'll show you how to use CSS Grid Layout's more advanced features. Now, please be aware that before watching this course, you should be familiar with the basics of CSS Grid Layout. Please check out the lesson notes for a link to an introduction course. Now, assuming you know the basics, here's what you're going to learn in this course. First, you'll learn about the implicit grid and how it's different from the explicit one. Then it's all about alignment, and grid has some amazing options for aligning items in tracks and we'll take a look at those. In the third lesson, you learned about grid-template-areas, and how you can use them to quickly build layouts. Lesson number four is about naming grid lines, and positioning items on these. After that, you'll learn about minmax, an amazing function that truly enhances the CSS. And finally, lesson six will be about auto-filling and auto-fitting tracks. So without further ado, let's jump in to lesson number one where we talk about implicit versus explicit grids. See you there.

Back to the top