From the course: CSS Essential Training

Unlock the full course today

Join today to access over 23,200 courses taught by industry experts.

Project: Footer styles and icons

Project: Footer styles and icons - CSS Tutorial

From the course: CSS Essential Training

Start my 1-month free trial Buy for my team

Project: Footer styles and icons

“

(lively music) - [Instructor] In this project update, we'll be styling the social media list and the icons, but the first thing we'll do is add the box model fix. You can copy this snippet from the text file in the exercise files. Let's add it to the top of our CSS file right before body as the first global style. It may need to be reformatted since I copied it from the text file. Now let's style the social media list in the footer. Since the list items are block elements, right now, the footer just looks like a big block, so let's change that. Back in the editor, in the index.html file, we're going to go down to the UL tag in the footer and add a class. We only want to apply styles to this list so I'm going to name this socials. Then, we'll add the same class to the list in the resume file so both pages will share this style. Then in the CSS file, create a socials declaration block under the footer section. .socials…

Contents