Responsive & art directed images with <picture> Tag
Fri May 20 2022 11:25:29 GMT+0000 (Coordinated Universal Time)
Saved by
@MirkoEchghiG
#html
<picture>
<source media="(min-width: 1440px)" srcset="/wp-content/uploads/2022/03/unternehmer-zitadelle-start-hero-l-850h.webp" type="image/webp">
<source media="(min-width: 900px)" srcset="/wp-content/uploads/2022/03/unternehmer-zitadelle-start-hero-m-850h.webp" type="image/webp">
<source srcset="/wp-content/uploads/2022/04/unternehmer-zitadelle-start-hero-s-700h.webp" type="image/webp">
<img srcset="/wp-content/uploads/2022/03/unternehmer-zitadelle-start-hero-m-850h.png 900w, /wp-content/uploads/2022/03/unternehmer-zitadelle-start-hero-l-850h.png 1440w" src="/wp-content/uploads/2022/04/unternehmer-zitadelle-start-hero-s-700h.png" type="image/png" alt="Collage: Menschen im Gespräch">
</picture>
content_copyCOPY
remove <picture> tag in Oxygen and use Code Block with Custom Tag <picture>
Comments