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;