created a new container to align the text and button

johanpq · Nov 13, 2023 · 8089b90 · 8089b90
1 parent 77bbf32
commit 8089b90
Showing 1 changed file with 36 additions and 0 deletions.
diff --git 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;
+    }
 }