100

Four-column footer

Multi-column footers are a common design across marketing websites because it's an easy way to organize important links into categories.

Level 1

Log in to start
Four-column footer

Description

Your Challenge is to create a responsive, four-column footer. This type of footer is common across marketing sites because it efficiently organizes essential links into related categories.

Your Challenge is complete when:

  • The footer is as close to the original design as possible

  • The footer is responsive and viewable on multiple screen sizes

  • Elements have the correct state styles (hover, focus, etc.)

Preview

Preview image 0 for challenge
Preview image 1 for challenge
Preview image 2 for challenge

Featured solutions

Four-column footer with CSS Flexbox

Free

Four-column footer with CSS Flexbox

Hunter Becton

Hunter Becton

HTML

CSS

Parcel