diff --git a/assets/teja.css b/assets/teja.css
index 2062389..d01459f 100644
--- a/assets/teja.css
+++ b/assets/teja.css
@@ -1,5 +1,6 @@
 .scroll-container {
-  overflow: auto;
+  overflow-x: auto;
+  overflow-y: scroll;
 }
 
 .top-row {
@@ -8,6 +9,29 @@
   max-width: 100vw;
   margin-top: 2em;
 }
+@media (width > 578px) {
+  .top-row {
+    flex-wrap: nowrap;
+  }
+  .top-row img {
+    width: 800px;
+  }
+  .top-row .hide-lg {
+    display: none;
+  }
+}
+@media (width <= 578px) {
+  .top-row {
+    flex-wrap: wrap;
+    gap: 2em;
+  }
+  .top-row img {
+    width: 500px;
+  }
+  .top-row .hide-sm {
+    display: none;
+  }
+}
 .top-row .left-container {
   display: flex;
   flex-direction: column;
@@ -16,6 +40,9 @@
 .top-row .left-container .lead {
   margin-right: 1em;
 }
+.top-row .left-container .lead.hide-lg {
+  margin-left: 3em;
+}
 .top-row .left-container .side-nav {
   display: flex;
   flex-direction: column;
@@ -35,8 +62,21 @@
   flex-direction: row;
   gap: 2em;
 }
-.teja-row-2 img {
-  width: 650px;
+@media (width > 578px) {
+  .teja-row-2 {
+    flex-wrap: nowrap;
+  }
+  .teja-row-2 img {
+    width: 650px;
+  }
+}
+@media (width <= 578px) {
+  .teja-row-2 {
+    flex-wrap: wrap;
+  }
+  .teja-row-2 img {
+    width: 500px;
+  }
 }
 
 /*# sourceMappingURL=teja.css.map */
diff --git a/assets/teja.css.map b/assets/teja.css.map
index b369eb2..6601913 100644
--- a/assets/teja.css.map
+++ b/assets/teja.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/teja.scss"],"names":[],"mappings":"AAAA;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI","file":"teja.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/teja.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;EAEA;IACI;;EAGJ;IACI;;;AAIR;EAlBJ;IAmBQ;IASA;;EAPA;IACI;;EAGJ;IACG;;;AAKP;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAIJ;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;;EAEA;IACI;;;AAIR;EAdJ;IAeQ;;EAEA;IACI","file":"teja.css"}
\ No newline at end of file
diff --git a/scss/teja.scss b/scss/teja.scss
index 08730eb..598f6e3 100644
--- a/scss/teja.scss
+++ b/scss/teja.scss
@@ -1,12 +1,39 @@
 .scroll-container {
-    overflow: auto;
+    overflow-x: auto;
+    overflow-y: scroll;
 }
+
 .top-row {
     display: flex;
     flex-direction: row;
     max-width: 100vw;
     margin-top: 2em;
 
+    @media (width > 578px) {
+        flex-wrap: nowrap;
+
+        img {
+            width: 800px;
+        }
+
+        .hide-lg {
+            display: none;
+        }
+    }
+
+    @media (width <=578px) {
+        flex-wrap: wrap;
+
+        img {
+            width: 500px;
+        }
+
+        .hide-sm {
+           display: none; 
+        }
+        gap: 2em;
+    }
+
     .left-container {
         display: flex;
         flex-direction: column;
@@ -15,6 +42,11 @@
         .lead {
             margin-right: 1em;
         }
+
+        .lead.hide-lg {
+            margin-left: 3em;
+        }
+
         .side-nav {
             display: flex;
             flex-direction: column;
@@ -38,7 +70,21 @@
     display: flex;
     flex-direction: row;
     gap: 2em;
-    img {
-        width: 650px;
+
+    @media (width > 578px) {
+        flex-wrap: nowrap;
+
+        img {
+            width: 650px;
+        }
     }
+
+    @media (width <=578px) {
+        flex-wrap: wrap;
+
+        img {
+            width: 500px;
+        }
+    }
+
 }
\ No newline at end of file
diff --git a/teja.html b/teja.html
index 3a3b5f9..998396b 100644
--- a/teja.html
+++ b/teja.html
@@ -17,7 +17,7 @@
 
             <div class="left-container">
                 <div class="side-nav">
-                    <div class="lead">
+                    <div class="lead hide-sm">
                         Designed a single-page website for a Spanish language immersion program.
                     </div>
                     <div style="flex: 1 1;"></div>
@@ -33,10 +33,13 @@
                     </div>
                 </div>
                 <div class="side-nav-home"><a href="index.html">Home</a></div>
+                <div class="lead hide-lg">
+                    Designed a single-page website for a Spanish language immersion program.
+                </div>                
             </div>
             
             <div class="right-container">
-                <img style="width: 850px;" src="assets/img/teja/Screenshot 2024-04-27 at 9.32.44 PM copy.png" alt="">
+                <img src="assets/img/teja/Screenshot 2024-04-27 at 9.32.44 PM copy.png" alt="">
             </div>
 
         </div>