From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Put your best footer forward

Put your best footer forward - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Put your best footer forward

“

- [Chris] Hi, this is Chris Converse, and in this episode, we'll explore some CSS techniques for styling text and links in a footer for multiple screen sizes without the need for a lot of extra HTML on our webpage. Our footer content is divided into two div elements, and we'll use these two divs to style all of the footer content. So if you'd like to follow along with me, download the exercise files, and let's begin by opening index.html in a text editor. And once you have the HTML file open, up in the head area, you'll see we have a link to style.css, which we'll be opening in a few minutes. If I scroll down inside of the body area, we have a header, an article element, and a footer element. Inside the footer, we have two divs. There's the first div here, which contains the copyright information. There's also a link around the company name and two additional links and a break tag. And in the second div we just simply have four anchor links. So I wanna call attention to the fact that…

Contents