Nintendo

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

Features

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

• User story: Recreate the layout
• User story: Try creating the image lightbox gallery & the search bar's dropdown panel.
• User story: If animations are your jam, recreate the effect seen when hovering the hearts on this page.

Useful Resources

• Nintendo
• MDN Docs - dl tag
• W3 Schools - Accordion
• W3 Schools - Lightbox
• Free Code Camp - avif images
• Codepen - SVG hover
• YouTube - CSS movement path
• MDN Docs - CSS Motion Path
• Stack Overflow - d of a svg