Frontend Practice

Psst! Check out the latest t-shirt at  MonthlyDevTee!

Canal Street Market

Home page.

Can you recreate it?

View live.

Reference image below.

What will you learn?

  • Unique layout.
  • Hover animations.
  • Typography choices.
  • and more!

Color Palette:

#000

#5ea3ec

#f64444

#ffb400

#fff

Up for a challenge?

Animate the dashed border as seen on the live website.

Too easy?

Create the sliding vertical panels, each with their own unique content.

Too hard?

That's ok!

View other projects