Add fallback size to hero so it doesn't shift. (#2125)

GoogleChrome · Feb 6, 2020 · f170859 · f170859
1 parent 2dd2d6d
commit f170859
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/site/_includes/components/Hero.js b/src/site/_includes/components/Hero.js
@@ -28,6 +28,8 @@ module.exports = ({page, hero, alt, heroPosition, heroFit = "cover"}) => {
   return html`
     <img
       class="w-hero w-hero--${heroFit} ${heroPosition ? `w-hero--${heroPosition}` : ""}"
+      width="1600"
+      height="480"
       sizes="100vw"
       srcset="${srcsetRange.map((width) => html`
         ${imagePath}?auto=format&fit=max&w=${width} ${width}w,