Skip to content

Commit bb97a12

Browse files
remove top padding
Signed-off-by: saurabhraghuvanshii <saurabhsraghuvanshi@gmail.com>
1 parent 72fa624 commit bb97a12

File tree

1 file changed

+6
-11
lines changed

1 file changed

+6
-11
lines changed

src/components/Card/Card.style.js

Lines changed: 6 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -57,27 +57,22 @@ export const CardWrapper = styled.div`
5757
height: 11.5rem;
5858
border-top-right-radius: 0.5rem;
5959
border-top-left-radius: 0.5rem;
60-
display: flex;
61-
justify-content: center;
62-
align-items: center;
6360
6461
.gatsby-image-wrapper,
6562
.old-gatsby-image-wrapper {
63+
width: 100%;
64+
height: 100%;
6665
margin-top: 0;
67-
max-width: 100%;
68-
max-height: 100%;
6966
transition: all 0.3s ease-in;
7067
}
7168
7269
img {
73-
max-width: 100%;
74-
max-height: 100%;
75-
height: auto;
76-
width: auto;
70+
width: 100%;
71+
height: 100%;
7772
display: block;
78-
object-fit: contain;
73+
object-fit: cover;
7974
object-position: center;
80-
margin: 0 auto;
75+
margin: 0;
8176
}
8277
8378
@media screen and (max-width: 768px) {

0 commit comments

Comments
 (0)