From dd60ff07e932620c666d5172a6e4068d01ab2287 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sun, 28 Sep 2025 22:28:03 -0400
Subject: [PATCH] Tighten desktop video grid spacing

---
 css/style.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/css/style.css b/css/style.css
index bccc913b..cfe70a9c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -64,6 +64,12 @@ header img {
   max-width: none;
 }
 
+@media (min-width: 1024px) {
+  header img {
+    height: 5rem;
+  }
+}
+
 .container {
   max-width: 1480px;
   margin: 0 auto;
@@ -94,6 +100,15 @@ header img {
   padding: 1.5rem 0;
 }
 
+@media (min-width: 1024px) {
+  #videoList,
+  #subscriptionsVideoList,
+  #channelVideoList {
+    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    gap: 1.5rem;
+  }
+}
+
 /* Video Cards */
 .video-card {
   background-color: var(--color-card);
@@ -233,6 +248,17 @@ header img {
   margin-bottom: 0.75rem;
 }
 
+@media (min-width: 1024px) {
+  .video-card .details {
+    padding: 1rem 1rem 1.125rem;
+  }
+
+  .video-card h3 {
+    font-size: 1rem;
+    margin-bottom: 0.5rem;
+  }
+}
+
 /* Modal Player */
 #playerModal {
   position: fixed;