From c7cb02d0d8734db40d79a30fe650607a1d34b669 Mon Sep 17 00:00:00 2001
From: Jonathan Lo <jonathanlo411@gmail.com>
Date: Tue, 27 Feb 2024 08:37:59 -0800
Subject: [PATCH] fix: resolution fixes on prize

---
 styles.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index da3f33b..4a2b680 100644
--- a/styles.css
+++ b/styles.css
@@ -160,8 +160,9 @@ section h2 {
     margin: 2rem auto;
 }
 #about img {
-    width: 15%;
+    max-width: 15%;
     height: auto;
+    object-fit: contain;
 }
 #about h3 {
     font-size: 2.5rem;
@@ -256,6 +257,7 @@ section h2 {
     background-position: center;
     background-size: contain;
     position: relative;
+    background-color: white;
 }
 .img .triangle {
     position: absolute;
@@ -348,6 +350,18 @@ footer #icon-row {
 }
 
 
+/* --- Varying Adjustments for Prize Heights --- */
+@media only screen and (min-width: 1000px) and (max-width: 1500px) {
+    #prize-row {
+        margin-top: 8rem;
+    }
+
+    .round-place {
+        top: -60px;
+        font-size: 1rem;
+    }
+}
+
 /* --- Mobile View --- */
 @media only screen and (max-width: 1000px) {
     /* Adjusted Nav */
@@ -492,7 +506,6 @@ footer #icon-row {
         background-position: center;
         background-size: contain;
         position: relative;
-        background-color: white;
     }
     .img .triangle {
         position: absolute;