[x/go.dev] fix solutions book list sections
Change-Id: Ibb781ca44a85a98ff64588c4c9a964a1a9c08c23
X-GoDev-Commit: 98709e7d07d55b988bb24fdedeb34becb39e5af4
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 {
