Frontend Practice

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

Starbucks

Rewards page.

Can you recreate it?

View live.

Reference image below.

What will you learn?

  • Sticky/fixed header
  • Tabbed sections
  • Color choices
  • Layout practice
  • and more!

Color Palette:

#1e3932

#008248

#d4e9e2

#f1f8f6

#f3f1e7

#000000

Up for a challenge?

Add the "Skip to Main Content" button that appears when pressing tab after the page loads.

Too easy?

In the tab section, animate the bottom border moving left/right when selecting a new tab.

Too hard?

That's ok!

View other projects