From the course: CSS: Advanced Layouts with Grid
Unlock this course with a free trial
Join today to access over 24,300 courses taught by industry experts.
Grid terminology - CSS Tutorial
From the course: CSS: Advanced Layouts with Grid
Grid terminology
- CSS grid brings some new vocabulary to the mix. Let's go over some key terminology, as it will lay the foundation for how grid works. It starts with a grid container. This is a parent element that defines the grid structure, and contains the grid. To make an element a grid container, it needs to have its display property set to grid. In a single view or webpage, you can have as few or as many grid containers as you want. You can also nest grid containers inside of other grid containers, and you'll see plenty of examples of that in this course. The first level descendants, or child elements of the grid container are called grid items. By default, these are automatically placed on the grid, although we have the ability to specifically place them anywhere within the grid. It's important to note that only first level descendants are placed on the grid. The grid doesn't affect any child elements of those descendants. The grid lines are the dividing lines that create the grid structure…