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.
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/screenshot 01.jpg) (./Screenshots/screenshot 02.jpg)
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
For this challenge I learned how to use image sets, to swtich images in and out when certain conditions are met. In this case depending on screen size, one image would show over the other.
- Website - Add your name here
- Frontend Mentor - @yourusername