1

Suchitra-Sahoo · May 24, 2024 · 94eb50f · 94eb50f
1 parent 1260031
commit 94eb50f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -391,9 +391,11 @@ <h2 class="heading">Contact <span>Us!</span></h2>
         </div>
 
         <textarea name="" id="" cols="30" rows="10" placeholder="Your Message" required></textarea>
-        <button id="review-btn">Give feedback</button>
-        <input type="submit" class="btn" id="contact-btn">
-
+        <input type="submit" class="btn" id="contact-btn"><br>
+        <div class="button-container">
+          <button id="review-btn">Give feedback</button>
+        </div>
+
 
         </form>
 

diff --git a/style.css b/style.css
@@ -843,7 +843,7 @@ a {
 
 .contact form .input-box input,
 .contact form textarea {
-  width: 100%;
+  width: 40%;
   padding: 1.5rem;
   font-size: 1.6rem;
   color: rgb(206, 255, 206);
@@ -873,9 +873,10 @@ input[type="number"]::-webkit-inner-spin-button {
 .contact form .btn {
   margin-top: 2rem;
   cursor: pointer;
+  align-self: left;
 }
 
-#review-btn{
+#review-btn {
   padding: 12px 20px;
   border: none;
   border-radius: 5px;
@@ -884,16 +885,19 @@ input[type="number"]::-webkit-inner-spin-button {
   font-size: 16px;
   cursor: pointer;
   transition: background-color 0.3s ease;
-
-
-
+  display: inline-block; /* Ensure it behaves like a button */
 }
-#review-btn:hover{
+
+#review-btn:hover {
   cursor: pointer;
   box-shadow: 0 4px 6px rgba(183, 253, 6, 0.1); 
   background-color: #FF6347;
 }
 
+.button-container {
+  text-align: left; /* Ensure the container aligns its children to the left */
+  margin-top: 10px;
+}
 
 /* Modal styles */
 .modal {