From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,700 courses taught by industry experts.
How does Grid work? - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
How does Grid work?
- [Instructor] Let's talk briefly about how grid works. A grid is a set of intersecting horizontal and vertical lines that create columns and rows. Elements can be placed into the grid and they can exist within those lines. In essence, they will take up the space that's in the columns and the rows. Once you establish an HTML element that has displayed grid on it, it becomes the grid container. You can think of this as the parent element, and it's going to hold all of the grid children or the grid items. One of the most powerful features of CSS grid is you'll not have to add a bunch of extra containers and boxes, no extra HTML, in order to achieve the layout that you want. Since it works in two dimensions, you will not need to create so many extra nested elements. You'll end up with clean semantic markup and nothing else. As of March, 2017, most browsers natively supported unprefixed CSS Grid. These include Chrome…
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.
