Ableton

About page

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

  • Typography choices
  • Spacing
  • Unique grid layout
  • Multi-column footer
  • and more!

Color Palette:

#fbffa7

#ff764d

#b1c5ff

#d5b3ff

#b6ffc0

#0000ff

Resources:

A Complete Guide to GridA Complete Guide to FlexboxCSS Box ModelMulti-Level Sticky Footer

Up for a challenge?

Try building the mega-menu that appears when you click "More +" in the main menu.

Too easy?

Is it responsive on mobile? Make the 2nd menu bar sticky on scroll.

Too hard?

That's ok!
View other projects

Reference image