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
- Desktop Screenshot
- Mobile Screenshot
- Solution URL: https://anubhav-ray.github.io/Product-Preview-Card-/
- Live Site URL: https://anubhav-ray.github.io/Product-Preview-Card-/
- Semantic HTML5 markup
- CSS custom properties
- Bootstrap
Learned how to align images and text and how to use css to style according to design.
Looking forward to design mobile friendly Website .
- Bootstrap docs (https://getbootstrap.com/docs/5.2/getting-started/introduction/) - This helped me in building my website responsive.
- Mdn Webdocs (https://developer.mozilla.org/)- This place has a ton of information regarding every element of Html and Css.whenever you get stuck or you are not confident about how to particular property works you can check out this website.
- Website - [Anubhav Ray] (https://anubhav-ray.github.io/Product-Preview-Card-/)
- Frontend Mentor - [@Anubhav-Ray] https://www.frontendmentor.io/profile/Anubhav-Ray