Product preview card component with HTML and CSS (flexbox)

Community feedback

• 

  Tux3er•780

  @Tux3er-IsmaPosted about 2 years ago

  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 👍🏻⌨️🖐🏻!!!!

  Marked as helpful

  0

  ---

  

  Levi Martins•40

  @Levi-MartinsPosted about 2 years ago

  @Tux3er-Isma Thank you for your feedback and your tips :)

  0