From ce10245c5160ddbacbb6959200db2948227c92e6 Mon Sep 17 00:00:00 2001
From: Alex <alex@pop-os.heliobroadband.com>
Date: Fri, 5 Jun 2026 11:21:04 -0700
Subject: [PATCH] Fix width on cool stuff on mobile

---
 assets/styles/landing.css                 | 10 +++++++++-
 assets/styles/scss/landing/_computer.scss |  7 ++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/assets/styles/landing.css b/assets/styles/landing.css
index 575da7e..1b82576 100644
--- a/assets/styles/landing.css
+++ b/assets/styles/landing.css
@@ -297,7 +297,14 @@
   position: relative;
   width: 100%;
   height: auto;
-  max-width: 400px;
+  max-width: 300px;
+}
+@media (min-width: 600px) {
+  .home #root.v1 .bottom #cool-stuff .highlights .highlight {
+    max-width: 400px;
+  }
+}
+.home #root.v1 .bottom #cool-stuff .highlights .highlight {
   box-shadow: 0 0 5px 0 rgba(29, 31, 32, 0.45);
 }
 .home #root.v1 .bottom #cool-stuff .highlights .highlight img {
@@ -466,6 +473,7 @@
   column-gap: 2rem;
   row-gap: 1rem;
   flex-wrap: wrap;
+  padding: 0;
 }
 .home #root.v1 .bottom #work .tech .list li {
   font-size: 1.125rem;
diff --git a/assets/styles/scss/landing/_computer.scss b/assets/styles/scss/landing/_computer.scss
index eb46027..6c0d80e 100644
--- a/assets/styles/scss/landing/_computer.scss
+++ b/assets/styles/scss/landing/_computer.scss
@@ -336,7 +336,11 @@
 
               width: 100%;
               height: auto;
-              max-width: 400px;
+              max-width: 300px;
+
+              @media (min-width: 600px) {
+                max-width: 400px;
+              }
 
               box-shadow: 0 0 5px 0 rgba(29, 31, 32, 0.45);
 
@@ -547,6 +551,7 @@
               column-gap: 2rem;
               row-gap: 1rem;
               flex-wrap: wrap;
+              padding: 0;
 
               li {
                 font-size: 1.125rem;