qrates

Solution for a challenge from Frontendpractice.com.

Github Pages | Frontend Practice

Table of Contents

• Overview
  • Built With
• Features
• Useful Resources

Overview

Built With

• Grid
• Flex
• Used pictures from frontpage of qrates as replacements for instagram pictures

Features

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

• User story: Recreate the layout of the qrates.com/why
• User story: Create the toggles & transition for the "Artists on Qrates" section.
• User story: Animate the images above the "Try it now" button at the bottom of the page.

Useful Resources

• Qrates
• Font Awesome - Icons
• Font Awesome - Sizing Icons
• Tutorials Point - Marquees
• W3 - Marquee tag
• Stack Overflow - Deprecation of marquee tag
• Codepen - Marquee
• Codepen - CSS Flash and Pulse Effects
• Stack Overflow - Images & Interval