Starbucks Rewards Page

Solution for a challenge from Frontendpractice.com.

Github Pages | Frontend Practice

Table of Contents

• Overview
  • Built With
• Features
• Useful Resources

Overview

Built With

• CSS Grid
• Flexbox

Features

The challenge was to build an application to complete the following user stories:

• User story: Recreate the layout
• User story: Add the "Skip to Main Content" button that appears when pressing tab after the page loads.
• User story: In the tab section, animate the bottom border moving left/right when selecting a new tab.

Useful Resources

• Starbucks
• Image Downloader - download all images from website
• W3 Schools - html symbols
• W3 Schools - JS Tabs
• JavaScript Tutorial - JS Siblings
• Font Awesome - Sizing icons
• Favicon Grabber - get favicon from website
• Get Favicon - get favicon from website
• W3 - favicon