From the course: CSS: Display

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Understanding layouts with inline flex and grid

Understanding layouts with inline flex and grid - CSS Tutorial

From the course: CSS: Display

Start my 1-month free trial

Understanding layouts with inline flex and grid

- [Instructor] To this point, we've only looked at block and inline elements, and the block and inline values for the display property. By now, you've probably realized that display property is a property that does not inherit its values. In other words, if I set this div with the class of road to have a value of inline, the div with a class of box and the paragraph are not going to inherit that inline characteristic from it. However, as we move on to Flexbox and grid, we have a new type of layout structure in which the display type is declared on the parent. And then the children are going to receive some interesting properties as a result. So in this particular example, I've got a div with a class of row. You've seen this kind of HTML before, all kinds of places. Got a div with a glass of row. And then we have a series of divs with a class of box. Inside of those, we have paragraphs that have numbers, right?…

Contents