fixed contend for 2nd card in services, fixed placeholder for email i…

…n form
mate-academy · Nov 27, 2024 · ee080fc · ee080fc
1 parent dca8527
commit ee080fc
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 9 deletions.
diff --git a/src/index.html b/src/index.html
@@ -368,11 +368,13 @@ <h3 class="services__card--num">001</h3>
               <div class="services__card">
                 <h3 class="services__card--num">002</h3>
                 <p class="services__card--text">
-                  Digital Communications Influencer Marketing
+                  Сontent Production
                   <br />
-                  Product Placements
+                  Graphic Design
                   <br />
-                  Strategic Partnerships
+                  Video Production
+                  <br />
+                  Post Production
                 </p>
                 <a
                   href="#"
@@ -562,7 +564,7 @@ <h2 class="form--title">Send us a message</h2>
                 class="form__field form__field--input"
                 type="email"
                 name="email"
-                placeholder="email@exa"
+                placeholder="Your email"
                 required
               />
 

diff --git a/src/styles/blocks/services.scss b/src/styles/blocks/services.scss
@@ -88,33 +88,51 @@
 
     &--num {
       align-self: start;
-      margin-left: 14%;
+      margin-top: 32px;
+      margin-left: 15%;
       width: 46px;
       height: 20px;
       border-radius: 23px;
       background-color: rgba(32, 96, 246, 0.15);
+
+      @include on-tablet {
+        margin-left: 11%;
+      }
     }
 
     &--text {
       width: 200px;
       height: 80px;
+
+      @include on-desktop {
+        margin-left: 20%;
+      }
+
+      @include on-wide {
+        margin-left: 0%;
+      }
     }
 
     &--button {
+      padding-bottom: 28px;
       align-self: start;
-      margin-left: 12%;
+      margin-left: 10%;
       display: flex;
       align-items: center;
-      width: 35px;
-      height: 35px;
+      width: 40px;
+      height: 40px;
+
+      @include on-tablet {
+        margin-left: 8%;
+      }
 
       @include hover(transform, scale(1.2));
     }
   }
 }
 
 .button__arrow {
-  height: 30px;
+  height: 40px;
   width: 40px;
   color: $c-white;
   padding: 10px;