From the course: CSS: Frameworks & Grids
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
What are CSS grids? - CSS Tutorial
From the course: CSS: Frameworks & Grids
What are CSS grids?
- [Narrator] If you thought the term CSS framework was a bit murky, just wait until you hear about CSS grids. Generally speaking, a grid system is a collection of styles that allows you to control page layout using columns and rows. They're meant to be project and platform agnostic, which means that you can use the same grid on a variety of projects, be it with WordPress, Laravel, or just good old fashioned vanilla HTML. Containing elements are used to define a row within a layout, and then you apply class attributes to child elements, and then span them over the desired number of columns within that row. The grid system will typically be based on a 12 to 16 column grid. The grid could be fixed, meaning that the columns are based off a maximum set width, or they could be fluid or percentage based. Either way, the grid system will have a collection of styles that will float an element and then tell it how many columns to span. The containing element will then handle clearing the floats…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
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.