i used the flex display making the card more responsive for web/mobile

Community feedback

• 

  Jeck•1,080

  @j-tomajin

  Posted over 2 years ago

  HELLO!

  • you can use the <picture> tag:

  <picture>
            <source media="(min-width: 780px)" srcset="images/image-product-desktop.jpg">
            <img src="images/image-product-mobile.jpg" alt="product-img">
  </picture>
  

  • This will automatically switches the images with the given min-width.

  • use semantic tags such as <main>, <section>, <article> and so on. It is actually a good practice using semantic tags.

  • also use letter-spacing for the perfume

  HOPE IT HELPS. HAPPY CODING! :D

  02