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.

Use color functions to help create a footer

Use color functions to help create a footer

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

Start my 1-month free trial

Use color functions to help create a footer

- Our footer is going to be almost exactly like our header, so the styles that we created for the navigation will apply down there as well. Let's go ahead and make some of the modifications as necessary to get the footer to work and also work for the first time with some of the available color methods in PreCSS. Of course, I'm going to need to create a new module file here, so this will be called... footer.css and we're going to need to include that in our style.css document. Now, let's go ahead and save that and let's go into the footer. It's all the way at the bottom over here, so you'll notice that and make this a little bit wider. You'll notice that some of the styles that we applied to the header are actually already being applied to the footer. You can't really see this text but it is down there just because it's right now colored with the background color, which happens to be white. We're gonna fix that as well as modify this so that it looks a little bit better for that…

Contents