Perfume card with some animation and css grid

Community feedback

• 

  Sasan Salehzadeh•470

  @sasanqcPosted over 1 year ago

  Hi, Congrats for your submission. First of all , your solution should be similar to the challenge, as much as is possible. fonts and colors are different. next, the challenge wants us to set different images for different screen sizes. you cat do that with picture tag

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

  Marked as helpful

  1
• 

  Francisco Carrillo•5,540

  @frank-itachiPosted over 1 year ago

  Hello there 👋. You did a good job!

  I have some suggestions about your code that might interest you.

  HTML 📄:

  • Since the mobile design has a different image, you can use the <picture> tag that allows you to interchange the images depending of the viewport size. Red more about this awesome tag here

  I hope you find it useful! 😁😁 Above all, the solution you submitted is great👌!

  Happy <coding /> 😎!

  Marked as helpful

  1

  ---

  

  Manish Patel•730

  @savvystriderPosted over 1 year ago

  @frank-itachi Thank you! I’m glad there’s a simpler way to do it

  0