Set explicit image sizes

Spencer14420 · Nov 7, 2024 · 894bd2f · 894bd2f
1 parent 298354f
commit 894bd2f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -149,11 +149,13 @@ p, ul {
 }
 
 #logo img {
-  width: 250px;
+  max-width: 100%;
+  height: auto;
 }
 
 .panel-img img {
-  width: 540px;
+  max-width: 100%;
+  height: auto;
 }
 
 /* #### Media Queries ##### */

diff --git a/index.html b/index.html
@@ -33,7 +33,7 @@
                         srcset="https://ik.imagekit.io/capanda/tr:w-1000/Logos/CAPANDA-Logo-Black.png 4x, https://ik.imagekit.io/capanda/tr:w-750/Logos/CAPANDA-Logo-Black.png 3x, https://ik.imagekit.io/capanda/tr:w-500/Logos/CAPANDA-Logo-Black.png 2x, https://ik.imagekit.io/capanda/tr:w-250/Logos/CAPANDA-Logo-Black.png">
                     <source media="(max-height: 530px)"
                         srcset="https://ik.imagekit.io/capanda/tr:w-720/Logos/CAPANDA-Logo-Black.png 4x, https://ik.imagekit.io/capanda/tr:w-540/Logos/CAPANDA-Logo-Black.png 3x, https://ik.imagekit.io/capanda/tr:w-360/Logos/CAPANDA-Logo-Black.png 2x, https://ik.imagekit.io/capanda/tr:w-180/Logos/CAPANDA-Logo-Black.png">
-                    <img src="https://ik.imagekit.io/capanda/Logos/CAPANDA-Logo-Black.png" alt="CAPANDA logo">
+                    <img src="https://ik.imagekit.io/capanda/Logos/CAPANDA-Logo-Black.png" alt="CAPANDA logo" width="250" height="72">
                 </picture>
             </a>
             <div class="collapse navbar-collapse" id="navbarNav">
@@ -97,7 +97,7 @@ <h1 class="align-self-center display-2">
                                 srcset="https://ik.imagekit.io/capanda/capanda.ca/Value.png 2x, https://ik.imagekit.io/capanda/tr:w-430/capanda.ca/Value.png">
                             <source media="(min-width: 1200px)"
                                 srcset="https://ik.imagekit.io/capanda/capanda.ca/Value.png 2x, https://ik.imagekit.io/capanda/tr:w-540/capanda.ca/Value.png">
-                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Value.png">
+                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Value.png" width="540" height="654">
                         </picture>
                     </div>
                     <div class="col px-5 panel-txt">
@@ -146,7 +146,7 @@ <h2 class="display-5 mb-4"><strong>We Lead the Way</strong></h2>
                                 srcset="https://ik.imagekit.io/capanda/tr:w-1720/capanda.ca/Leadership.png 4x, https://ik.imagekit.io/capanda/tr:w-1290/capanda.ca/Leadership.png 3x, https://ik.imagekit.io/capanda/tr:w-860/capanda.ca/Leadership.png 2x, https://ik.imagekit.io/capanda/tr:w-430/capanda.ca/Leadership.png">
                             <source media="(min-width: 1200px)"
                                 srcset="https://ik.imagekit.io/capanda/capanda.ca/Leadership.png 4x, https://ik.imagekit.io/capanda/tr:w-1620/capanda.ca/Leadership.png 3x, https://ik.imagekit.io/capanda/tr:w-1080/capanda.ca/Leadership.png 2x, https://ik.imagekit.io/capanda/tr:w-540/capanda.ca/Leadership.png">
-                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Leadership.png">
+                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Leadership.png" width="540" height="196">
                         </picture>
                     </div>
                 </div>
@@ -169,7 +169,7 @@ <h2 class="display-5 mb-4"><strong>We Lead the Way</strong></h2>
                                 srcset="https://ik.imagekit.io/capanda/capanda.ca/Dedication.png 3x, https://ik.imagekit.io/capanda/tr:w-860/capanda.ca/Dedication.png 2x, https://ik.imagekit.io/capanda/tr:w-430/capanda.ca/Dedication.png">
                             <source media="(min-width: 1200px)"
                                 srcset="https://ik.imagekit.io/capanda/capanda.ca/Dedication.png 3x, https://ik.imagekit.io/capanda/tr:w-1080/capanda.ca/Dedication.png 2x, https://ik.imagekit.io/capanda/tr:w-540/capanda.ca/Dedication.png">
-                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Dedication.png">
+                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Dedication.png" width="540" height="498">
                         </picture>
                     </div>
                     <div class="col px-5 panel-txt">
@@ -221,7 +221,7 @@ <h2 class="display-5 mb-4"><strong>Advanced Focus</strong></h2>
                                 srcset="https://ik.imagekit.io/capanda/tr:w-1720/capanda.ca/Focus.png 4x, https://ik.imagekit.io/capanda/tr:w-1290/capanda.ca/Focus.png 3x, https://ik.imagekit.io/capanda/tr:w-860/capanda.ca/Focus.png 2x, https://ik.imagekit.io/capanda/tr:w-430/capanda.ca/Focus.png">
                             <source media="(min-width: 1200px)"
                                 srcset="https://ik.imagekit.io/capanda/capanda.ca/Focus.png 4x, https://ik.imagekit.io/capanda/tr:w-1620/capanda.ca/Focus.png 3x, https://ik.imagekit.io/capanda/tr:w-1080/capanda.ca/Focus.png 2x, https://ik.imagekit.io/capanda/tr:w-540/capanda.ca/Focus.png">
-                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Focus.png">
+                            <img loading="lazy" alt="" src="https://ik.imagekit.io/capanda/capanda.ca/Focus.png" width="540" height="284">
                         </picture>
                     </div>
                 </div>