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 Author Acknowledgments Note: Delete this note and update the table of contents based on what sections you keep.

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 Screenshot

Add a screenshot of your solution. The easiest way to do this is to use Firefox to view your project, right-click the page and select "Take a Screenshot". You can choose either a full-height screenshot or a cropped one based on how long the page is. If it's very long, it might be best to crop it.

Links Solution URL: Add solution URL here Live Site URL: Add live site URL here My process Built with Semantic HTML5 markup CSS custom properties Flexbox CSS Grid Mobile-first workflow

Continued development Continous learning on Media responsiveness as the learning curve is infinite.

Author

Frontend Mentor - @GiftCode27 Twitter - @being_thegift