Monogram

Shop page

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

  • Hero image.
  • Image hover transitions
  • Dropdown menu
  • Sticky menu on scroll
  • and more!

Color Palette:

#1a2456

#ff8b68

#f0efed

#080b1b

Recommended Course:

Frontend Masters offers a completely free "Getting Started With CSS" course.

Resources:

Change image on hoverA Complete Guide to GridA Complete Guide to Flexbox

Up for a challenge?

Build the slide-out panel when clicking the shopping cart in the menu.

Too easy?

Make it mobile friendly and create the hamburger menu.

Too hard?

That's ok!
View other projects

Reference image