nicorithner / product-card-fem-challenge-solution

Frontend Mentor - Product preview card component solution

This is a solution to the Product preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources

Overview

The challenge

Users should be able to:

• View the optimal layout for the interface depending on their device's screen size

Screenshots

Desktop View

Mobile View

Links

• Live Site URL: github page

My process

Built with

• React - JS library
• Styled Components - For styles
• fontsource - To add fonts
• Figma - Figma, as design source

What I learned

I had some problems importing the fonts required for the project and learned about fontsource as an viable option.

Continued development

I may comeback to this project to add tests.