Pytania rekrutacyjne dla Front-end developerów

Za pomocą atrybutów srcset i sizes:

Sposób 1:

<div class="container2"> 
    <img srcset="green-parrot-500px.jpg 500w, green-parrot-350px.jpg 350w, green-parrot-200px.jpg 200w" 
         sizes= "(max-width: 400px) 200px, (max-width: 600px) 350px, 500px" 
         src="green-parrot-500px.jpg" 
         alt="green-parrot-picture" /> 
</div> 

Sposób 2:

<picture> 
    <source media="(max-width: 400px)" srcset="green-parrot-200px.jpg"> 
    <source media="(max-width: 600px)" srcset="green-parrot-350px.jpg"> 
    <img src="green-parrot-500px.jpg" style="width:auto" alt="green parrot picture"> 
</picture>