msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

docs: site hero img dimensions (#9840)

Browse Source 
prevents layout shift
pull/9845/head
Simon H 10 months ago committed by GitHub
parent 2f71c16a43
commit f91b85bf01
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File

12
sites/svelte.dev/src/routes/_components/Hero.svelte
Unescape View File

@ -23,12 +23,12 @@
</div>
<picture class="machine">
<source srcset={MachineDesktop.sources.avif} type="image/avif" media="(min-width: 800px)" />
<source srcset={MachineDesktop.sources.webp} type="image/webp" media="(min-width: 800px)" />
<source srcset={MachineDesktop.sources.png} type="image/png" media="(min-width: 800px)" />
<source srcset={MachineMobile.sources.avif} type="image/avif" />
<source srcset={MachineMobile.sources.webp} type="image/webp" />
<source srcset={MachineMobile.sources.png} type="image/png" />
<source srcset={MachineDesktop.sources.avif} width="3795" height="993" type="image/avif" media="(min-width: 800px)" />
<source srcset={MachineDesktop.sources.webp} width="3795" height="993" type="image/webp" media="(min-width: 800px)" />
<source srcset={MachineDesktop.sources.png} width="3795" height="993" type="image/png" media="(min-width: 800px)" />
<source srcset={MachineMobile.sources.avif} width="2208" height="936" type="image/avif" />
<source srcset={MachineMobile.sources.webp} width="2208" height="936" type="image/webp" />
<source srcset={MachineMobile.sources.png} width="2208" height="936" type="image/png" />
<img alt="The Svelte compiler packaging up your component code" src={MachineMobile.img.src} />
</picture>
</div>

Write Preview
Loading…
Cancel
Save