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
Your challenge is to build out this Product preview card component and get it looking as close to the design as possible.
You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.
Want some support on the challenge? Join our Slack community and ask questions in the #help channel.
Screenshot
-
Desktop view
-
Mobile view
Links
- Solution URL: https://github.com/Lovegupta112/product-preview-card-component
- Live Site URL:https://lovegupta112.github.io/product-preview-card-component
My process
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
What I learned
I revised again how to use css flexbox and grid very well . while working on cool project I had fun and i also improved my foundation of css.
Author
- Frontend Mentor - @Lovegupta112
- Twitter - @Melovegupta