diff --git a/go.dev/assets/css/styles.css b/go.dev/assets/css/styles.css
index c87012d..12fcdca 100644
--- a/go.dev/assets/css/styles.css
+++ b/go.dev/assets/css/styles.css
@@ -2265,6 +2265,68 @@
   }
 }
 
+.Learn-tile a {
+  width: 100%;
+}
+
+.Learn-tileList {
+  display: grid;
+  gap: 2rem;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  list-style: none;
+  padding: 0;
+}
+@media only screen and (min-width: 38rem) {
+  .Learn-tileList {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media only screen and (min-width: 48rem) {
+  .Learn-tileList {
+    justify-content: space-between;
+  }
+  .Learn-tileList {
+    column-gap: 3rem;
+  }
+}
+.Learn-tile {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.Learn-tile a {
+  color: #3c4043;
+}
+.Learn-tileTitle {
+  display: block;
+  font-size: 0.75rem;
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: 0.01rem;
+  line-height: 0.875rem;
+  margin: 1.5rem auto 0;
+  overflow-wrap: break-word;
+  text-align: center;
+}
+.Learn-tileThumbnail {
+  align-items: center;
+  background-color: #fff;
+  border-radius: 0.3125rem;
+  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.22);
+  display: flex;
+  justify-content: center;
+  margin: auto;
+  width: 100%;
+}
+.Learn-tileThumbnail img {
+  max-height: 100%;
+  max-width: 100%;
+}
+.Learn-tileThumbnail--book img {
+  max-height: 100%;
+  max-width: 100%;
+}
+
 .Solutions-title,
 .Solutions-useCases,
 .Solutions-caseStudies {