diff --git a/docs/images/other/screenshot-1280.png b/docs/images/other/screenshot-1280.png
index 9d599a2..19c89cb 100644
Binary files a/docs/images/other/screenshot-1280.png and b/docs/images/other/screenshot-1280.png differ
diff --git a/docs/images/other/screenshot-540.png b/docs/images/other/screenshot-540.png
index 77b7af8..eb67e55 100644
Binary files a/docs/images/other/screenshot-540.png and b/docs/images/other/screenshot-540.png differ
diff --git a/docs/styles.css b/docs/styles.css
index 67148f6..f7635a9 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -870,6 +870,20 @@ footer {
   }
 }
 
+/* Force 4 columns at 1280px width */
+@media (min-width: 1280px) {
+  .grid {
+    justify-content: flex-start;
+  }
+
+  .card {
+    width: calc(25% - 20px);
+    max-width: 240px;
+  }
+}
+
+
+
 /* Fine-tune mobile card widths for small breakpoints */
 @media (min-width: 401px) and (max-width: 540px) {
   .card {