Getting Started with CSS v2

Chapter 4: You try it: Footer

Now that you've seen how to set up the About Me section of the site, let's repeat this process with the footer. We'll take the same steps to create the footer. First, we'll establish the markup. Second, we'll apply basic CSS styling to a mobile design and add our responsive elements. Because we've already established some CSS styling, building the footer will go more quickly than the About Me section did.

Part 1: HTML markup

Based on what you know about the information you see, create some HTML markup to semantically identify the elements on the page.

Part 2: CSS styling

Establish the styling shown to set up the footer layout for mobile first. Then apply responsive elements to set up styling for desktop.

image of the navbar at mobile dimensions, showing all text and images centered. image showing the text and social icons on the left and the image on the right.