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.
The 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
- Solution URL: https://github.com/rough-diamond213/product-preview-card-component
- Live Site URL: https://rough-diamond213.github.io/product-preview-card-component/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Desktop-first workflow
It's a project where i was able to put together what i have learnt though i also want to do it better. i know this project can be done differently from the way i did it. please your suggestion will highly be welcome to further make it a better project.
- Frontend Mentor - @rough-diamond213
- Twitter - @callme_roughD