Merge pull request #191 from DaleStudy/sehwan/189-incorrect-aspect-ratio

Fixed incorrect aspect ratio issue with object-fit
DaleStudy · Aug 1, 2024 · 0e4943c · 0e4943c
2 parents 05ccd0a + b8d1cab
commit 0e4943c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/components/image.js b/components/image.js
@@ -27,6 +27,7 @@ class Image extends HTMLElement {
     return css`
       img {
         display: block;
+        object-fit: contain;
         box-shadow: 2px 2px 4px 0 var(--bg-300);
       }
     `;

diff --git a/components/step.js b/components/step.js
@@ -103,6 +103,7 @@ class Step extends BaseStepElement {
         width: auto;
         height: 40px;
         margin: 20px 0;
+        object-fit: contain;
 
         @media only screen and (min-width: 768px) {
           width: 60px;