Merge pull request #134 from KirillKapteily/Create-a-branch-New-branc…

…h-name-source-main-Chanel-Create-new-branch 123
KirillKapteily · Feb 1, 2025 · da946a8 · da946a8
2 parents a186296 + cdf9753
commit da946a8
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 18 deletions.
diff --git a/src/img/rent-a-yacht-now/symbol-defs.svg b/src/img/rent-a-yacht-now/symbol-defs.svg
diff --git a/src/partials/rent-a-yacht-now.html b/src/partials/rent-a-yacht-now.html
@@ -11,10 +11,10 @@ <h1 class="rayn1">Rent a yacht now</h1>
         </div>
         <div>
             <ul class="liststylenone rsu1">
-                <li><p class="fn1">Full Name</p><input class="pdd" type="text"><hr class="git"></li>
-                <li><p class="fn2">Email</p><input class="pdd" type="email"><hr class="git"></li>
-                <li><p class="fn3">Phone number</p><input class="pdd" type=""><hr class="git"></li>
-                <li><p class="fn4">Comment</p><textarea class="pdd" name="" id=""></textarea><hr class="git"></li>
+                <li class="smowripididi1"><p class="fn1">Full Name</p><input class="pdd" type="text"><hr class="git"></li>
+                <li class="smowripididi2"><p class="fn2">Email</p><input class="pdd" type="email"><hr class="git"></li>
+                <li class="smowripididi3"><p class="fn3">Phone number</p><input class="pdd" type=""><hr class="git"></li>
+                <li class="smowripididi4"><p class="fn4">Comment</p><input class="pdd" type="text"><hr class="git"></li>
             </ul>
             <button class="btn-open" data-modal-open>Send <svg class="rdddbs2">
                     <use href="../img/rent-a-yacht-now/symbol-defs.svg#icon-Arrow-2-Strok"></use>

diff --git a/src/sass/components/rent-a-yacht-now.scss b/src/sass/components/rent-a-yacht-now.scss
@@ -17,6 +17,7 @@
     }
 
     .pdd {
+        color: #F6F5EF;
         border: none;
         background-color: #11131F;
     }
@@ -136,13 +137,12 @@
         justify-content: center;
         align-items: center;
         gap: 16px;
+    }
 
-        .rdddbs2 {
-            width: 18px;
-            height: 8.66px;
-            fill: #F6F5EF;
-        }
-
+    .rdddbs2 {
+        width: 18px;
+        height: 8.66px;
+        fill: #F6F5EF;
     }
 
     .btn {
@@ -224,7 +224,27 @@
 }
 
 
-@media screen and (max-width: 400px) {
+@media screen and (min-width: 300px) {
+
+    .smowripididi1 {
+        width: 335px;
+        height: 33px;
+    }
+
+    .smowripididi2 {
+        width: 335px;
+        height: 33px;
+    }
+
+    .smowripididi3 {
+        width: 335px;
+        height: 33px;
+    }
+
+    .smowripididi4 {
+        width: 335px;
+        height: 75px;
+    }
 
     .btn-open {
         background-color: #00000000;
@@ -244,13 +264,12 @@
         justify-content: center;
         align-items: center;
         gap: 16px;
+    }
 
-        .rdddbs2 {
-            width: 18px;
-            height: 8.66px;
-            fill: #F6F5EF;
-        }
-
+    .rdddbs2 {
+        width: 18px;
+        height: 8.66px;
+        fill: #F6F5EF;
     }
 
     .git {
@@ -360,4 +379,11 @@
         border-radius: 20px;
         background-color: #1F212D;
     }
+
+    .pdd {
+        color: #F6F5EF;
+        border: none;
+        background-color: #11131F;
+    }
+
 }