From ecdf506f0241f065d2ae3f8876ed4a3022a81c84 Mon Sep 17 00:00:00 2001
From: smachyloooo <smachyloooo@gmail.com>
Date: Mon, 29 Jul 2024 10:53:02 +0200
Subject: [PATCH] add solution

---
 src/index.html                  | 4 ++--
 src/scripts/main.js             | 7 -------
 src/styles/components/form.scss | 3 +--
 src/styles/utils/_mixins.scss   | 2 +-
 4 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/index.html b/src/index.html
index 9e9cc7f54c..1e55315804 100644
--- a/src/index.html
+++ b/src/index.html
@@ -393,11 +393,11 @@ <h2 class="vision__title">
     <footer class="footer" id="footer">
       <div class="container">
         <div class="footer__content">
-          <form action="#" method="get" class="form" id="contactForm">
+          <form onsubmit="this.reset(); return false" action="#" method="get" class="form">
               <h3 class="footer__title">
                 Send us  a message
               </h3>
-              <input required type="mail" placeholder="Your email" class="form__input">
+              <input required type="email" placeholder="Your email" class="form__input">
               <input required type="text" placeholder="Your name" class="form__input">
               <textarea required name="message" class="form__input" placeholder="Your message"></textarea>
               <button type="submit" class="button form__button">Send</button>
diff --git a/src/scripts/main.js b/src/scripts/main.js
index 89544eecbb..52eba82935 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -8,10 +8,3 @@ const swiper = new Swiper('.swiper', {
     prevEl: '.swiper-button-prev',
   },
 });
-
-document
-  .getElementById('contactForm')
-  .addEventListener('submit', function (event) {
-    event.preventDefault();
-    alert('Form submitted!');
-  });
diff --git a/src/styles/components/form.scss b/src/styles/components/form.scss
index f3aa42947f..022862a07e 100644
--- a/src/styles/components/form.scss
+++ b/src/styles/components/form.scss
@@ -18,7 +18,7 @@
     font-family: 'Poppins', sans-serif;
     font-size: 15px;
     font-weight: 600;
-    
+    color: $white;
     background-color: inherit;
     width: 100%;
     height: 40px;
@@ -34,7 +34,6 @@
     &:focus {
       outline: none;
       border-bottom: 2px solid $mainBotton;
-      color: $white;
       // font-family: 'Poppins', sans-serif;
       // font-size: 15px;
       // font-weight: 600;
diff --git a/src/styles/utils/_mixins.scss b/src/styles/utils/_mixins.scss
index 1b610c15f4..bea92b7cd7 100644
--- a/src/styles/utils/_mixins.scss
+++ b/src/styles/utils/_mixins.scss
@@ -26,7 +26,7 @@
 }
 
 @mixin contentPaddingInline() {
-  padding-inline: 20px;
+  padding-inline: 14px;
 
   @include onTablet{
     padding-inline: 41px;