add2

mate-academy · Sep 27, 2024 · 457b8b7 · 457b8b7
1 parent db6c7e0
commit 457b8b7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/index.html b/src/index.html
@@ -22,7 +22,8 @@
       action="#"
     >
       <input
-        class="big_input_search form"
+        class="search_input_big
+        form"
         type="text"
         data-qa="keypress"
         placeholder="Try “Los Angeles“"
@@ -34,7 +35,8 @@
       action="#"
     >
       <input
-        class="small_input_search  form"
+        class="search_input_small
+         form"
         type="text"
         placeholder="Try “Los Angeles“"
       />

diff --git a/src/style.css b/src/style.css
@@ -20,11 +20,11 @@
 }
 
 .body {
-  font-family: Avenir, sans-serif;
+  font-family: Avenir, Arial, Helvetica, sans-serif;
 }
 
 .form {
-  font-family: Avenir, sans-serif;
+  font-family: Avenir, Arial, Helvetica, sans-serif;
   display: block;
   margin-top: 20px;
   outline: none;
@@ -36,22 +36,20 @@
   box-sizing: border-box;
 }
 
-.big_input_search {
+.search_input_big{
   font-size: 16px;
   background: url(images/Search.svg) no-repeat;
   background-size: 19px;
   box-sizing: border-box;
   background-position: 26px center;
-  height: 70px;
   padding-left: 62px;
   background-color: #ffff;
 }
 
-.small_input_search {
+.search_input_small{
   font-size: 14px;
   box-shadow: 0 1px 8px 0 #3d4e611a;
   background: url(images/Search.svg) no-repeat 13px center/11px 11px;
-  height: 42px;
   padding-left: 33px;
 }
 
@@ -74,27 +72,27 @@
   background-position: 26px center;
 }
 
-.big_input_search:focus {
+.search_input_big:focus {
   text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
   background:
     url(images/Search.svg) no-repeat 26px 25px/19px 19px,
     linear-gradient(180deg, transparent, #f6f6f7);
 }
 
-.big_input_search:hover {
+.search_input_big:hover {
   background-color: #ffff;
   box-shadow: 0 3px 8px 0 #3d4e6133;
 }
 
-.small_input_search:focus {
+.search_input_small:focus {
   border: 1px solid #e1e7ed;
   text-shadow: none;
   background:
     url(images/Search.svg) no-repeat 13px center/11px 11px,
     linear-gradient(180deg, transparent, #f6f6f7);
 }
 
-.small_input_search:hover {
+.search_input_small:hover {
   box-shadow: 0 3px 8px 0 #3d4e6133;
   text-shadow: none;
   background-position: 13px;