image lint report - consertar no site alguma hora

#10 · open · 0 comments

View on GitHub ↗

alan-barzilay

![image](https://github.com/alan-barzilay/NLPortugues/assets/28787373/074bcfc5-dbea-4e74-8127-0cc569a020ff) --------------------------- Image #2 & #3 Missing src attribute Older browsers or other user agents which don’t understand the srcset attribute should get a fallback image. The sizes attribute has to match the width of the image The size of the image doesn’t match the sizes attribute (max-width: 740px) 280px, (max-width: 1200px) 35vw + 1rem, 436px. At a viewport of 1000x563 the image was 366 pixels wide instead of the specified 0 (Infinity% difference). The affected viewports are 760x428-1200x1600. Try using sizes="(min-width: 1280px) 436px, (min-width: 800px) calc(30.43vw + 53px), 274px" instead. The sizes attribute is a hint for browsers which should tell them how large the image will be displayed. If it doesn’t match the real size, browsers cannot select the correct image source. <img class="foto" srcset="[imgs/codigo-280.avif](https://alan-barzilay.github.io/NLPortugues/imgs/codigo-280.avif) 280w, [imgs/codigo-480.avif](https://alan-barzilay.github.io/NLPortugues/imgs/codigo-480.avif) 480w" sizes="(max-width: 740px) 280px, (max-width:1200px) 35vw + 1rem, 436px" alt="Código python em um editor de texto" loading="lazy" >

Comments