From 448797f0246f8efb0eee6e5a4405c66d473200ea Mon Sep 17 00:00:00 2001
From: Benjamin Sanders <hello@bensanders.net>
Date: Sun, 27 Sep 2026 14:27:43 -0400
Subject: added media queries for mobile styles

---
 assets/css/main.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

(limited to 'assets/css')

diff --git a/assets/css/main.css b/assets/css/main.css
index 2193123..2d560f3 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -35,9 +35,16 @@ h2, h3 {
   padding: 0.5em 0 1em 0;
 }
 
+#about {
+  background-color: #333;
+  color: white;
+  padding: 25px;
+}
+
 .about-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
+  align-items: center;
 }
 
 .about-grid p {
@@ -95,7 +102,7 @@ nav {
 
 .profile img {
     width: 250px;
-    border-radius: 50%;
+    border-radius: 5%;
 }
 
 .profile {
@@ -247,4 +254,11 @@ footer {
     width: 100%;
     max-width: 1070px;
     margin: 0 auto;
+}
+
+/* Media Queries */
+@media only screen and (max-width: 746px) {
+  .about-grid {
+    all:unset;
+}
 }
\ No newline at end of file
-- 
cgit v1.2.3