From the course: Building a Responsive Single-Page Design with PostCSS

Unlock the full course today

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

Create the sections styles

Create the sections styles

From the course: Building a Responsive Single-Page Design with PostCSS

Start my 1-month free trial

Create the sections styles

- This last section is a bit more complex than the rest of them, but that's really just because it's a bit longer. Let's put what we've been learning to good use and create a simple flexbox-based layout for this PEOPLE section. First, before I get into that, let's go ahead and make sure we review this section so that we know what we're getting into. In this PEOPLE section, we have essentially just a normal header that you see right here in all the different sections. Then we've got an image header just like before, so we're going to put a photo right on top of this. Then we have the items that we want constrained by the container, which is all these different people and their information. Then I have a div with a class of people-cards, which is where I put all the information for the different people. Each person's information is inside a div with a class of person-card. Here is one individual, and you can see the other ones are in these different cards. If we open one of these up…

Contents