Skip to content

Commit b74f163

Browse files
fix overflow of images
Signed-off-by: saurabhraghuvanshii <saurabhsraghuvanshi@gmail.com>
1 parent 33fd88c commit b74f163

File tree

1 file changed

+2
-6
lines changed

1 file changed

+2
-6
lines changed

src/components/Card/Card.style.js

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -69,16 +69,12 @@ export const CardWrapper = styled.div`
6969
justify-content: center;
7070
}
7171
72-
.gatsby-image-wrapper > div,
73-
.old-gatsby-image-wrapper > div {
74-
height: auto;
75-
width: 100%;
76-
}
77-
7872
.gatsby-image-wrapper img,
7973
.old-gatsby-image-wrapper img {
74+
max-width: 100%;
8075
max-height: 100%;
8176
width: auto;
77+
height: auto;
8278
display: block;
8379
object-fit: contain;
8480
object-position: center;

0 commit comments

Comments
 (0)