Product preview card component with HTML and CSS (flexbox)

Hi Levi!!!

I am Tux3er🐧, and I have reviewed your code. Congrats it looks nice 🎉!!!

I will give you some tips for your next project and explain you a llitle media queries 🌟:

• In the button put the cursor as pointer no at grab. We use this when we do hover effects like changing the background-color also use transition to make a better user experience

• I recomend you a CSS Methodology called BEM css. I will put you the documentation if you like reading and a grat video explaining what is this. Documentation 📖 Video 📹

• Also if you want to use a css reset you can use the normalize.css 🎨 reset

• The media queries are css styles to adapt your styles into diferent types of devices. The simple structure is this: @media only screen and (max-width: Xpx){} we are telling that the css styles we put into this block will change when we have X px, or rem, or em or %. For better explanation there is some W3Schools info and a video. W3S ⌨️ Video 📹

I hope this information will be helpful for you in the future 😉⌨️

Happy Coding 👍🏻⌨️🖐🏻!!!!