Frontend Mentor - Product preview card component solution

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with

Overview

The challenge

Your challenge is to build out this product preview card component and get it looking as close to the design as possible.

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover and focus states for interactive elements

Links

Demo:https://frontend-product-view-card.vercel.app/ .

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow