[x/go.dev] Set row of learn cards to 4, square roatio meetup images
Change-Id: I6d4093cc2fa6be24d3d7e4f0852cd59e00b9cd5b
X-GoDev-Commit: af32353334a916c4c3c140dad18aec54ead9929c
diff --git a/go.dev/assets/css/styles.css b/go.dev/assets/css/styles.css
index 629de85..1162e22 100644
--- a/go.dev/assets/css/styles.css
+++ b/go.dev/assets/css/styles.css
@@ -1991,8 +1991,9 @@
.Learn-card {
height: 25rem;
- width: 30%;
+ width: 25%;
max-width: 40rem;
+ padding: 0 13.5px;
}
}
@@ -2082,7 +2083,7 @@
}
.Learn-eventThumbnail img {
width: 100%;
- height: 40vw;
+ height: auto;
object-fit: cover;
}
@@ -2168,9 +2169,9 @@
margin-bottom: 0;
}
.Learn-eventThumbnail img{
- height: 10.875rem;
+ height: 17rem;
width: 17rem;
- object-fit: cover;
+ object-fit: contain;
}
.Learn-eventDate {
flex: 0;