Fix about responsive

RecyLife · Oct 12, 2024 · ef867d2 · ef867d2
1 parent a96908c
commit ef867d2
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/styles/about.css b/styles/about.css
@@ -39,12 +39,19 @@
 }
 
 .about-image {
-    width: 100%;
-    height: auto;
+    transform: translateY(30px);
+    height: calc(100vh - 240px);
     border-radius: var(--border-radius);
     box-shadow: 10px 10px 0px 0px var(--primary-color);
 }
 
+@media screen and (max-width: 1500px) { 
+    .about-image {
+        height: auto;
+        max-width: 90%;
+    }
+}
+
 @media screen and (max-width: 990px) {
     .about-image-content {
         display: none;