Update responsive styles for smaller screens

eccentricdz · Jan 16, 2024 · eab07bc · eab07bc
1 parent 291f8c2
commit eab07bc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/App.css b/src/App.css
@@ -8,6 +8,13 @@
   overflow-y: scroll;
 }
 
+@media screen and (max-width: 768px) {
+  .bento-buzz {
+    padding: 16px;
+    gap: 16px;
+  }
+}
+
 .bento-buzz header {
   display: flex;
   justify-content: space-between;

diff --git a/src/components/Articles.css b/src/components/Articles.css
@@ -3,4 +3,10 @@
     flex-direction: column;
     flex: 1;
     gap: 32px
+}
+
+@media screen and (max-width: 768px) {
+    .articles {
+        gap: 16px
+    }
 }