diff --git a/src/components/project.astro b/src/components/project.astro
index f5a6c12..7a050c4 100644
--- a/src/components/project.astro
+++ b/src/components/project.astro
@@ -17,8 +17,8 @@ const { title, image, url, url_text, content } = Astro.props;
 
 <style>
     .project {
-        display: flex;
-        flex-direction: row;
+        display: grid;
+        grid-template-columns: auto 1fr;
         align-items: center;
         gap: 1rem;
         margin: 1rem 0;
@@ -31,4 +31,13 @@ const { title, image, url, url_text, content } = Astro.props;
     .project h2 {
         margin: 0;
     }
-</style>
\ No newline at end of file
+
+    @media (width < 800px) {
+        .project {
+            grid-template-columns: 1fr;
+        }
+        .project .thumbnail {
+            max-height: unset;
+        }
+    }
+</style>
diff --git a/src/styles/global.css b/src/styles/global.css
index 95250c2..273c27b 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -39,3 +39,8 @@ pre {
 pre code {
   background-color: transparent;
 }
+
+img {
+  max-width: 100%;
+  max-height: 100%;
+}