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 for the section depending on their device's screen size
- Solution URL: Checkout Repository.
- Live Site URL: Visit Live.
- Blog Post URL: Read Blog.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Responsive design
- Desktop-first workflow
I learned how to use CSS Flexbox to create a responsive layout.I also learned how to use CSS custom properties to create a responsive layout. Explore & Practice media queries to create a responsive layout.
I would like to continue working on my CSS skills and learn more about how to create complex shapes and layouts using CSS. I would also like to learn more about responsive design and how to create websites that look great on all devices.
- Resource 01 - This is an amazing articles which helped me finally understand HTML.
- Resource 02 - This is an amazing articles which helped me finally understand CSS.
I'd recommend to everyone to checkout these amazing official HTML & CSS resources.
- Website - Portfolio
- Frontend Mentor - @beRajeevKumar
- Twitter - @be_rajeevkumar
I would like to thank Frontend Mentor for providing such an amazing platform to practice my coding skills. I would also like to thank the community for providing feedback on my projects and helping me improve my coding skills.