responsive preview page using fle and float

Community feedback

• Account deleted

  Hi! There are 2 kinds of pictures inside the images folder (image-product-desktop.jpg and image-product-mobile.jpg).

  So one solution is that you can add both to the HTML page, and you can hide them in CSS.

  for example: HTML: <img src="images/image-product-desktop.jpg" class="img-desktop" /> / <img src="images/image-product-mobile.jpg" class="img-mobile" />

  CSS: @media (max-width: 450px) { .img-desktop { display: none; }} / @media (min-width: 450px) { .img-mobile { display: none; }}

  Marked as helpful

  1