fix: blog grid 2-col max, truncate long descriptions

Reg (Ceradon AI) · Reg (Ceradon AI) · commit 62f7014534b6 · 2026-02-13T16:07:03.000-07:00
diff --git a/styles/styles.css b/styles/styles.css
@@ -1009,7 +1009,7 @@ a[target="_blank"]:not(.btn):not([aria-label]):not(.product-card)::after {
 }
 
 @media (min-width: 1024px) {
-  .blog-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+  .blog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 
 .blog-card {
@@ -1049,6 +1049,10 @@ a[target="_blank"]:not(.btn):not([aria-label]):not(.product-card)::after {
   font-size: 0.875rem;
   color: rgba(197, 203, 214, 0.8);
   margin: 0;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
 /* --- TIMELINE --- */

Original file line number	Diff line number	Diff line change
`@@ -1009,7 +1009,7 @@ a[target="_blank"]:not(.btn):not([aria-label]):not(.product-card)::after {`
`1009`	`1009`	`}`
`1010`	`1010`
`1011`	`1011`	`@media (min-width: 1024px) {`
`1012`		`- .blog-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }`
	`1012`	`+ .blog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }`
`1013`	`1013`	`}`
`1014`	`1014`
`1015`	`1015`	`.blog-card {`
`@@ -1049,6 +1049,10 @@ a[target="_blank"]:not(.btn):not([aria-label]):not(.product-card)::after {`
`1049`	`1049`	`font-size: 0.875rem;`
`1050`	`1050`	`color: rgba(197, 203, 214, 0.8);`
`1051`	`1051`	`margin: 0;`
	`1052`	`+ display: -webkit-box;`
	`1053`	`+ -webkit-line-clamp: 3;`
	`1054`	`+ -webkit-box-orient: vertical;`
	`1055`	`+ overflow: hidden;`
`1052`	`1056`	`}`
`1053`	`1057`
`1054`	`1058`	`/* --- TIMELINE --- */`