Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

The challenge

Users should be able to view the optimal layout depending on their device's screen size (mobile or desktop).

Instead of just using CSS and HTML as the challenge stated, I decided to create a React App to continue practicing creating components, pretending to fetch data and conditionally render and style elements.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • React - JS library

Setup

Run npm install on root folder to install all the project dependencies.

Screenshots

Desktop view screenshopt

Mobile view screenshopt

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages