Insure landing page built using Bootstrap

Community feedback

• 

  Khaya•300

  @khaya05Posted almost 2 years ago

  Hi Abiala

  To change images based on screen width/viewport you could use the HTML<picture> tag. The <picture> tag contains two elements, one or more <source> tags and one <img>

  i.e

  <picture>
      <source media="(min-width:48em)" srcset="tablet_img.jpg">
      <source media="(min-width:75em)" srcset="desktop_img.jpg">
      <img src="mobile_img.jpg" alt="">
  </picture>
  

  Checkout the mdn docs about the <picture> tag here

  Marked as helpful

  0