[Design]: add 0.5rem for grid-gap (col and row)

1 files changed, 3 insertions, 3 deletions

diff --git a/youtube/static/search.css b/youtube/static/search.css
index 270ba70..95db90f 100644
--- a/youtube/static/search.css
+++ b/youtube/static/search.css
@@ -254,7 +254,7 @@ hr {
 /* Video list item */
 .video-container {
     display: grid;
-    grid-row-gap: 0.5rem;
+    grid-gap: 0.5rem;
 }
 
 .length {
@@ -432,7 +432,7 @@ hr {
 @media (min-width: 600px) {
     .video-container {
         display: grid;
-        grid-row-gap: 0.5rem;
+        grid-gap: 0.5rem;
         grid-template-columns: 1fr 1fr;
     }
 }
@@ -496,7 +496,7 @@ hr {
     .video-container {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
-        grid-row-gap: 1rem;
+        grid-gap: 1rem;
         grid-column-gap: 1rem;
     }