Must be doing something wrong with picture tag

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

 <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 "> 

Edit this is the live web :

1 Like

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