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
My process
- Built with
- Useful resources
Author

Overview

The challenge

Users should be able to:

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

Screenshots

Links

Solution URL:
Live Site URL:

My process

Built with

Semantic HTML5 markup
Flexbox
CSS Grid
Mobile-first workflow

Useful resources

W3Schools - HTML & CSS reference documentation
CSS-Tricks - CSS guides and reference documentation
Stack Overflow - Q&A platform

Author

Frontend Mentor - @Pound-Hash