Responsive product card, tried to use img scrset

Community feedback

• 

  Tux3er•780

  @Tux3er-IsmaPosted almost 2 years ago

  Hi Karin Lee,

  There are some tips for your next project:

  Only use vh for body and when you are doing flexbox, but don't use vh for putting margin between elements use px or rem.

  margin: 10px

  In Github when you are doing your Readme.md file custome it. This will increase your followers and make you more popular.

  Also use the same height as the container in the img because it doesn't look good when you don't put the exactly height.

  .container{ height: 400px; } .img{ height: 400px; }

  Continue coding!

  0
• 

  fakunle israel•470

  @maxibrain4Posted almost 2 years ago

  use this example you should get it from there (insert your image url) <picture> <source media="max-width: 600px" srcset="/images/image-header-mobile.jpg" /> <source media="min-width: 600px" srcset="/images/image-header-desktop.jpg" /> <img src="/images/image-header-mobile.jpg" class="pix" alt="" />

        </picture>
  

  0