Product preview card component solution

Frontend Mentor Challenge

This is a solution to the QR Code Component on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Preview
  • Desktop 🖥️
  • Mobile 📱
• Versions
  • Version 1.0.0
  • Version 1.1.0
• Live
• Overview
  • The Challenge
• Built with
• Author

Preview

Desktop-Preview

Mobile-Preview

Versions

Version-1.0.0

• 🔴 Package.json file
• 🔴 Responsive Design
• 🔴 Form validation
• 🔴 Markdown Readme.md

Version-1.1.0

• 🟢 Package.json file
• 🟢 Responsive Design
• 🟢 Form validation
• 🟢 Markdown Readme.md

Live

Site url 🔴: https://interactive-rating-component-tux3er.netlify.app/

Overview

The-Challenge

User's should be able to:

• View the optimal layout for the site depending on their device's screen size (Responsive)
• See hover States
• See active States
• See click Events
• Change the page theme (Dark 🌙 and Light ☀️ Mode)

Built-With

• HTML5
• CSS3
• SASS/SCSS
• JavaScript
• GITHUB
• GIT

Author

You can propose a feature request opening an issue or a pull request.

Contrbutors: