working on the hero image desktop UI and layout of about section and …

…testimonials section
GarrettAnderson · Jul 15, 2024 · 295c3a6 · 295c3a6
1 parent 535e393
commit 295c3a6
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/src/App.css b/src/App.css
@@ -95,7 +95,7 @@ footer h6 {
   border-radius: 1rem;
 }
 
-@media screen and (min-width: 767px) {
+@media screen and (min-width: 967px) {
   .info-section {
     position: absolute;
   }

diff --git a/src/Assets/Styles/About.css b/src/Assets/Styles/About.css
@@ -42,10 +42,11 @@
   .about-info-container {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
-    width: 80%;
-    margin: 0 auto;
     justify-content: center;
     align-items: center;
+    width: 80%;
+    padding: 2rem 0;
+    margin: 0 auto;
   }
 
   .about-section {

diff --git a/src/Assets/Styles/Services.css b/src/Assets/Styles/Services.css
@@ -27,7 +27,7 @@
   display: block;
   width: 70%;
   border: 0;
-  border-top: 5px solid #636a40;
+  border-top: 2px solid #636a40;
   margin: 0 auto;
   padding: 0;
 }

diff --git a/src/Assets/Styles/Testimonial.css b/src/Assets/Styles/Testimonial.css
@@ -53,10 +53,10 @@
   font-size: 1.25rem;
   margin: 0.5rem auto;
   position: unset !important;
-  /* display: flex;
+  display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: center; */
+  align-items: center;
 }
 
 .testimonial-text-container {
@@ -70,6 +70,7 @@
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
+  max-width: 595px;
 }
 
 .text-parent {
@@ -119,7 +120,7 @@
   height: 100%;
 }
 
-@media screen and (min-width: 967px) {
+@media screen and (min-width: 1550px) {
   .testimonial {
     display: grid;
     grid-template-columns: repeat(3, minmax(150px, 550px));