fixed task solution

mate-academy · Oct 12, 2024 · 2eb5b54 · 2eb5b54
1 parent 92e6c03
commit 2eb5b54
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 35 deletions.
diff --git a/src/index.html b/src/index.html
@@ -16,30 +16,20 @@
       href="style.css"
     />
   </head>
-  <body class="body">
-    <main class="main">
-      <form class="search-bar">
-        <label for="id1"></label>
-        <input
-          id="id1"
-          type="text"
-          data-qa="big"
-          action="#"
-          placeholder="Try “Los Angeles“"
-          class="search-bar__big input"
-        />
-
-        <label for="id2"></label>
-
-        <input
-          id="id2"
-          type="text"
-          data-qa="small"
-          action="#"
-          placeholder="Try “Los Angeles“"
-          class="search-bar__small input"
-        />
-      </form>
-    </main>
+  <body>
+    <form class="search-bar">
+      <input
+        type="text"
+        data-qa="big"
+        placeholder="Try “Los Angeles“"
+        class="search-bar__big input"
+      />
+      <input
+        type="text"
+        data-qa="small"
+        placeholder="Try “Los Angeles“"
+        class="search-bar__small input"
+      />
+    </form>
   </body>
 </html>
diff --git a/src/style.css b/src/style.css
@@ -10,17 +10,12 @@
   font-weight: 900;
 }
 
-.body {
+body {
   margin: 0;
   padding: 0 8px;
   font-family: Avenir, Arial, Helvetica, sans-serif;
 }
 
-.search-bar {
-  display: flex;
-  flex-direction: column;
-}
-
 .input {
   box-sizing: border-box;
   display: flex;
@@ -74,16 +69,13 @@
 .search-bar__big:focus {
   color: #3d4e61;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-  font-size: 14px;
-  line-height: 22px;
 
   outline: none;
   border: 1px solid #e1e7ed;
   border-radius: 3px;
 }
 
-.search-bar__small:focus {
-  font-size: 14px;
+.search-bar__small:focus {  
   font-weight: 900;
 
   background: linear-gradient(180deg, #fff 0%, #f6f6f7 100%);