Update README screenshot to match current UI (#194)

* Update README screenshot to match current UI

* Fix grid layout to show 4 columns at 1280px

* Update README screenshot (exact 1280px width, 4 columns)

* fix: show 4 columns at 1280px breakpoint

* docs: update 540px screenshot to match current UI

---------

Co-authored-by: Max Base <MaxBaseCode@Gmail.Com>
Co-authored-by: John Bampton <jbampton@users.noreply.github.com>

Author: 3 people

docs/images/other/screenshot-1280.png

@@ -916,6 +916,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 {