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

• Solution URL: Git Hub repo
• Live Site URL: Git Hub

• Semantic HTML5 markup
• CSS custom properties
• CSS flex

• How to make a responsive design
• add Fonts & icons
• incressed my html and css skills especially on images ,padding and margin
• Increase my githup experinces

There is alot of things that i should focus on it such as :

1. Frameworks
2. javascript

w3school It's helped me on Icons, Fonts, @media and every things in html & css. it's amaizing website

Facebook

Frontend Mentor - @ali007-depug

Thank you google