Explicitly set width and height attributes on <img> element

Reduces layout shifts, as defined by https://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=lr#images-without-dimensions.
webfinger · Aug 7, 2023 · 6f74d2f · 6f74d2f
1 parent 148123c
commit 6f74d2f
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -36,7 +36,6 @@ header {
   }
 
   #logo {
-    height: 75px;
     float: left;
     margin: 0 1em;
   }

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -15,7 +15,7 @@
       <div>
         <div class="site-title">
           <a href="/">
-            <img src="/images/WebFinger.svg" id="logo" alt=""/>
+            <img src="/images/WebFinger.svg" id="logo" alt="" width="49" height="75"/>
             <h1>WebFinger</h1>
           </a>
           <p id="tagline">simple discovery for the web</p>