From the course: Making Sense of the CSS Box Model
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Grid in depth - CSS Tutorial
From the course: Making Sense of the CSS Box Model
Grid in depth
- [Instructor] Grid is a complex layout module with a lot of advanced features, and we have several courses that explore them in detail. In this course, I want to give you a quick tour of some of the most notable features and how you can take advantage of them immediately. In this example, I've taken a flex box example with the cards and converted it to a grid layout. So, these cards are now in a grid layout. Looks almost the same, but it works quite differently , and you'll see that you have a lot more control than you did with flex. First off, you may have noticed previously I use this FR units to define the grid lines of my grid container. The FR unit denotes a fraction of the available space. So if I go in here to grid template columns, and I say one FR, two FR. One FR you will see each of the grid lines that I've created will take up one fraction of the space, then two fractions of the space, then one…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.