Must be doing something wrong with picture tag

HTML-CSS
1

Not sure why I keep getting the size acerca-demiv5-x525-1x.png for all screenc sizes
So I must be doing a silly mistake…
Here’s the code


<picture>          
 <source media="(max-width: 400px)" srcset="<?php bloginfo('template_url');?>/img/acerca-demiv5-x380-1x.png 1x, <?php bloginfo('template_url');?>/img/acerca-demiv5-x760-2xretina.png 2x">
 <source media="(min-width: 401px)" srcset="<?php bloginfo('template_url');?>/img/acerca-demiv5-x525-1x.png 1x, <?php bloginfo('template_url');?>/img/acerca-demiv5-x838-2xretina.png 2x">              
 <!-- Fallback 2x tamaño -->   
 <img class="imagen-seccion-acercade" srcset="<?php bloginfo('template_url');?>/img/acerca-demiv5-x838-2xretina.png" alt="Acerca de "> 
</picture>

Edit this is the live web : https://www.tomastestart.cl/#seccion-resumen-acercade

1 Like
3

Well turns out there was no error, just that apparently my monitor with 1920px is 1x retina though having the image with that resolution looks pixelated. Why does this happens? I don’t know really.

1 Like