From a1e25abca17cea6e00113e9e87be6c81d9335f86 Mon Sep 17 00:00:00 2001
From: Cobular <22972550+Cobular@users.noreply.github.com>
Date: Fri, 3 Jun 2022 22:41:38 -0700
Subject: [PATCH] Numerous style updates to keep image sizes from getting out
 of hand

---
 src/components/ProjectGrid.scss | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss
index e1126e5..6fc2816 100644
--- a/src/components/ProjectGrid.scss
+++ b/src/components/ProjectGrid.scss
@@ -202,10 +202,22 @@ $breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-la
   flex-direction: column;
   width: available;
 
+  .image {
+    margin-bottom: 5px;
+    width: 100%;
+    max-width: 225px;
+  }
+
   img {
     width: 100%;
     margin-bottom: 5px;
   }
+
+  .GridElementInternal {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
 }
 
 .Medium {
@@ -214,10 +226,18 @@ $breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-la
     margin-bottom: 5px;
   }
 
+  .image {
+    max-width: 225px;
+  }
+
   @include media("<medium") {
-    display: flex;
-    flex-direction: column;
-    width: available;
+    .GridElementInternal {
+      display: flex;
+      flex-direction: column;
+      width: available;
+      align-items: center;
+    }
+
 
     img {
       width: 100%;
@@ -299,6 +319,7 @@ $breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-la
   background: var(--chainlink-icon-background);
   border-radius: 5px;
 }
+
 svg {
   fill: var(--chainlink-icon-color);
 }