Skip to content

Commit

Permalink
Fixed incorrect aspect ratio issue with object-fit
Browse files Browse the repository at this point in the history
  • Loading branch information
nhistory committed Aug 1, 2024
1 parent 52d5df5 commit 9439a5b
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 0 deletions.
1 change: 1 addition & 0 deletions components/image.js
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
`;
Expand Down
2 changes: 2 additions & 0 deletions components/step.js
Original file line number Diff line number Diff line change
Expand Up @@ -103,11 +103,13 @@ class Step extends BaseStepElement {
width: auto;
height: 40px;
margin: 20px 0;
object-fit: contain;
@media only screen and (min-width: 768px) {
width: 60px;
height: 60px;
margin: 50px 0;
object-fit: contain;
}
}
.step-content {
Expand Down

0 comments on commit 9439a5b

Please sign in to comment.