missing text placeholder added to the banner

nuhainul · Jan 16, 2024 · a86330e · a86330e
1 parent 0317d42
commit a86330e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/css/responsive.css b/css/responsive.css
@@ -63,8 +63,9 @@
         border-radius: 16px;
         color: #FFF;
         text-align: center;
-        padding-top: 32px;
-        padding-bottom: 0px;
+        padding-top: 20px;
+        padding-bottom: 10px;
+        margin-bottom: 20px;
     }
 
     .header-banner-content h2 {
@@ -86,7 +87,7 @@
         flex-direction: column;
         justify-content: center;
         gap: 24px;
-        padding-top: 24px;
+        /* padding-top: 24px; */
         background-color: rgba(255, 255, 255, 0.30);
         /* max-width: 800px; */
         margin-bottom: 32px;

diff --git a/css/styles.css b/css/styles.css
@@ -102,7 +102,7 @@ body {
     border-radius: 16px;
     color: #FFF;
     text-align: center;
-    padding-top: 100px;
+    padding-top: 40px;
     padding-bottom: 105px;
 }
 
@@ -125,7 +125,7 @@ body {
     display: inline-flex;
     justify-content: center;
     gap: 24px;
-    padding-top: 24px;
+    padding: 16px;
     background-color: rgba(255, 255, 255, 0.30);
     max-width: 800px;
 }

diff --git a/index.html b/index.html
@@ -42,7 +42,7 @@ <h2 class="explore">Explore Your Travel</h2>
                         happy with us. We do things with love and care.</p>
                 </div>
                 <div class="selectors-wrap">
-                    <div class=""><button class="xp-btn"></button></div>
+                    <div class=""><button class="xp-btn">Where go</button></div>
                     <div class=""><button class="xp-btn">When</button></div>
                     <div class=""><button class="xp-btn">Select Type</button></div>
                     <div class=""><button class="xp-btn find-now-btn">Find Now</button></div>