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 - CSS Tutorial
From the course: CSS: Display
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?…
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.