Latest solutions
Project made by using HTML, SASS, CSS Flexbox, CSS Grid and Bootstrap
#sass/scss#bootstrapSubmitted over 2 years ago
Latest comments
- @narayaanyamatoSubmitted over 2 years ago@dedsec-ninja420Posted 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
Marked as helpful0