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 shared section styles

Create shared section styles

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

Start my 1-month free trial

Create shared section styles

- To style the rest of the site, I need to create some general styles that are going to apply to all of my sections. So in my HTML document, every single one of these different areas, so for example, like home, history, products, guarantee, and people, are inside these section tags, so this is what I want to style right now. Just something to sort of normalize how these work on the site. So in my modules folder, I'm going to create a New File, and I'm going to call this section.css and then I'm going to go over to my style.css and make sure that I import that, so section here, save that, and then let's go ahead and open that up and start working on it. So what I want to do here is call my section class. Remember that all of my tags also have classes with the same name, just to sort of use classes instead of the section tag, it's kind of a little bit of a better way of doing this. And then in here, I want to do min-height, so I want every one of my sections to be at least 40% of the…

Contents