fix: paragraph

johanpq · Dec 5, 2023 · b44edd1 · b44edd1
1 parent 6c38100
commit b44edd1
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 28 deletions.
diff --git a/assets/css/mediasqueries/style.css b/assets/css/mediasqueries/style.css
@@ -67,12 +67,31 @@
     }
 
     header > div img {
-        height: 450px;
-        width: 55%;
-        top: -75px;
-        left: 200px;
+        height: 454px;
+        width: 100%;
+        top: -214px;
+        left: 489px;
         border-radius: 30%;
-    } 
+    }
+
+
+    h1 {
+        font-size: 12.1em;
+        position: relative;
+    }
+
+    header > div > p {
+        text-align: left;
+        position: relative;
+        font-size: 2em;
+        margin-bottom: 10px;
+        top: -20px;
+    }
+
+    header > div > a > button {
+        min-width: 245px;
+        margin-top: -14px;
+    }
 
     main {
         height: 800px;
@@ -81,6 +100,7 @@
 
     .testemual-container {
         display: flex;
+        height: 100%;
         flex-direction: row;
         align-items: center;
         justify-content: center;
@@ -92,9 +112,10 @@
     }
 
     .images {
+        display: block;
         height: 400px;
         width: 400px;
-        margin-left: 5px;
+        margin: auto;
     }
 
     hr {
@@ -141,12 +162,12 @@
     }
     .title-and-navagation-container > p {
         margin: 0px 20px 10px 20px;
-        font-size: 2.8em;
+        font-size: 1.8em;
     } 
 
     .image-about {
         width: 50%;
-        margin: 20px 0px 20px 50px;
+        margin: 20px 0px 20px -20px;
     }
 
     .reservation-container {

diff --git a/assets/css/mobilefirst/style.css b/assets/css/mobilefirst/style.css
@@ -106,20 +106,6 @@ svg {
     margin-left: 10px;
 }
 
-/* .about-hotel {
-    height: 500px;
-    background-color:  rgb(104, 71, 71);
-    margin-top: 200px;
-} */
-
-/* .about-container {
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-} */
-
 .image-about, .image-reservation {
     height: 350px;
     width: 100%;
@@ -152,12 +138,6 @@ svg {
     margin: 20px auto;
 }  
 
-/* .about-hotel, .reservation {
-    height: 500px;
-    background-color:  rgb(119, 55, 55);
-    margin-top: 200px;
-} */
-
 .about-container, .reservation-container {
     display: flex;
     height: 100%;