Shopify Dev

Home page [RETIRED]

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

  • Hover effects
  • Responsive layout
  • Dark mode
  • Multi-column footer
  • and more!

Color Palette:

#eafaf3

#fafbfb

#f4f6ff

#ffffff

#202223

Recommended Course:

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

Resources:

Dark Mode in CSSA Complete Guide to FlexboxMulti-Level Sticky Footer

Up for a challenge?

Is it responsive on mobile? Notice the layout changes on smaller screen sizes.

Too easy?

Add the ability to toggle between dark and light modes.

Too hard?

That's ok!
View other projects

Reference image