All comments

• 

  Narayan Swain•30

  @narayaanyamato

  Submitted over 2 years ago

  

  newshomepage

  #bootstrap

  2

  40
  

  dedsec-ninja420•50

  @dedsec-ninja420

  Posted over 2 years ago

  Hello, to implement a mobile view banner image with plain HTML, I suggest you to wrap your img element in a <picture> tag and specify in your <source> tag a "media" attribute that loads the mobile view image at the given width.

  Here's an example:

  <picture>
     <source media="(max-width:1000px)" srcset="image-web-3-mobile.jpg">
     <img src="image-web-3-desktop.jpg" alt="Banner Image">
   </picture>
  

  Feel free to ask any other questions.

  Happy coding

  0

  Marked as helpful