From 8089b9030b73c6f980d401dc2a3dcb4cfeeeeb27 Mon Sep 17 00:00:00 2001
From: johanpq <johanp.queiroz@gmail.com>
Date: Mon, 13 Nov 2023 15:23:13 -0300
Subject: [PATCH] created a new container to align the text and button

---
 assets/css/mediasqueries/style.css | 36 ++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/assets/css/mediasqueries/style.css b/assets/css/mediasqueries/style.css
index 327bfca..9157de0 100644
--- a/assets/css/mediasqueries/style.css
+++ b/assets/css/mediasqueries/style.css
@@ -38,6 +38,10 @@
         width: 300px;
     }
 
+    .image-about {
+        width: 75%;
+    }
+
 }
 /*----Desktop and ahead----*/
 @media screen and (min-width: 1075px) {
@@ -98,4 +102,36 @@
         width: 56px;
         margin-right: 15px;
     }
+
+    .about-container {
+        flex-direction: row;
+        flex: 1;
+    }
+
+    .about-container > p {
+        display: block;
+        position: relative;
+        font-size: 2em;
+        top: -50px;
+        left: 20px;
+        margin: auto;
+    }
+
+    .title-and-navagation-container {
+        display: flex;
+        height: 100%;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        gap: 10px;
+    }
+    .title-and-navagation-container > p {
+        margin-left: 20px;
+        font-size: 1.8em;
+    }
+
+    .image-about {
+        width: 50%;
+        margin-left: 100px;
+    }
 }
\ No newline at end of file