mesand
September 22, 2020, 9:16pm
1
Hi all,
the img inside the img tag is not displaying on mobile devices. The image is inside a thumbnail. The thumbnail is displaying but not the image. Anyone have any ideas on why this would happen?
<div class="card clean-card text-center">
<div class="card-body info">
<h4 class="card-title">Merlinda Guerra</h4>
<p>Co-Founder</p>
<p>merlinda@sandstromandassociates.com</p>
</div>
</div>
mesand
September 22, 2020, 10:31pm
2
turns out you cannot use the .webp format for images. I downloaded the image as a jpeg and it worked fine
marrco
September 23, 2020, 6:35am
3
you cannot use the .webp format for images
webp is an excellent image format, if you know how to use it.
avif is even better.
BSS is not the problem, you problably don't know enough about new image formats, browser support and the picture
tag
<div class="card-body info">
<h4 class="card-title">Merlinda Guerra</h4>
<p>Co-Founder</p>
<p>merlinda@sandstromandassociates.com</p>
</div>
This is not valid markup. Also, the link to your image is broken. Can't help fix this if you can't successfully post the actual problem you're having.