[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;