picturesssssss

Author: Finnegan Cappelli

assets/css/styles.css

@@ -112,16 +112,32 @@ ul {
 #ctf18 {
     max-width: 100%;
     height: auto;
+    
+    @media screen and (max-width: 700px) {
+        max-width: 80%;
+    }
+    @media screen and (max-width: 460px) {
+        max-width: 40%;
+    }
 }
 #ctf24 {
     max-width: 20%;
     height: auto;
+
+    @media screen and (max-width: 700px) {
+        max-width: 30%;
+    }
+    @media screen and (max-width: 460px) {
+        max-width: 40%;
+    }
 }
 .previous-ctfs-imgs {
     display: flex;
     justify-content: center;
     align-items: center;
     column-gap: 3em;
+    padding-left: 1em;
+    padding-right: 1em;
 }
 
 .background-container {
@@ -237,9 +253,26 @@ ul {
         }
     }
 
-    @media screen and (max-width: 875px) {
+    @media screen and (max-width: 985px) {
         .sponsor-images {
             flex-direction: column;
+
+            img {
+                width: 4em;
+                height: 4em;
+            }
+        }
+    }
+
+    @media screen and (max-width: 610px) {
+        .sponsor-images {
+            div {
+                align-items: center;
+                .imgset {
+                    flex-direction: column;
+                }
+            }
+            
         }
     }
 }