From 404b602909a4cdd7cf6012d7e643168f7d4057f2 Mon Sep 17 00:00:00 2001
From: aasmal97 <74555081+aasmal97@users.noreply.github.com>
Date: Wed, 7 Jun 2023 03:42:45 -0400
Subject: [PATCH] made about page margins and padding responsive to screen size

---
 src/aboutPage/_aboutPage.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/aboutPage/_aboutPage.scss b/src/aboutPage/_aboutPage.scss
index 6404458..115b554 100644
--- a/src/aboutPage/_aboutPage.scss
+++ b/src/aboutPage/_aboutPage.scss
@@ -13,7 +13,7 @@ $namespace: "about-pg";
   align-items: center;
   justify-content: center;
   width: 100%;
-  aspect-ratio: 16/7.5;
+  aspect-ratio: 16/8.5;
 
   .#{$namespace}-img-banner-img {
     position: absolute;
@@ -52,9 +52,11 @@ $namespace: "about-pg";
   justify-content: center;
   box-sizing: border-box;
   font-size: 1.5rem;
-  margin: 4em;
-  padding: 4em;
-  width: calc(100% - 4em * 2);
+  // margin: 4em;
+  // padding: 4em;
+  margin: 10%;
+  padding: 10%;
+  width: calc(100% - 10% * 2);
   border: 1px solid $gray;
   p {
     text-align: center;
@@ -70,7 +72,7 @@ $namespace: "about-pg";
   display: flex;
   justify-content: space-between;
   margin-bottom: 3.5rem;
-  padding: 0 4em;
+  padding: 0 10%;
 }
 .#{$namespace}-img-presentation-container {
   text-decoration: none;