Update style.css

KristinaHranovska · Nov 27, 2023 · 5f53f85 · 5f53f85
1 parent dcd2961
commit 5f53f85
Showing 1 changed file with 24 additions and 9 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -13,18 +13,21 @@ body {
 
 .input-search {
     width: 320px;
-    border-radius: 4px;
+    border-radius: 7px;
     border: 1px solid #808080;
     outline: transparent;
     padding: 10px 16px;
 }
 
 .input-search:focus {
-    border-color: #2d313f;
+    border-color: #2a3a75;
 }
 
 .btn-search {
-    border-radius: 8px;
+    /* border-radius: 8px; */
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+
     background-color: #2d313f;
     border: transparent;
 
@@ -36,6 +39,7 @@ body {
 
     transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);
     padding: 8px 25px;
+    margin-left: -10px;
 }
 
 .btn-search:hover {
@@ -96,38 +100,49 @@ body {
 }
 
 .container {
-    max-width: 1128px;
     padding: 0 15px;
 
     margin-left: auto;
     margin-right: auto;
-
-    padding-top: 20px;
 }
 
 .gallery {
     display: flex;
     flex-wrap: wrap;
-    gap: 24px;
+    row-gap: 20px;
     justify-content: center;
+    padding: 20px 0;
+
 }
 
 .gallery-item {
-    flex-basis: calc((100% - 48px) / 3);
+    margin-left: 20px;
     transition: transform .3s;
 }
 
 .gallery-item:hover,
 .gallery-item:focus {
+    box-shadow: 0px 1px 6px rgba(46, 47, 66, 0.08), 0px 1px 1px rgba(46, 47, 66, 0.16), 0px 2px 1px rgba(46, 47, 66, 0.08);
     transform: scale(1.05);
 }
 
+.gallery-link {
+    min-width: 320px;
+    flex-basis: calc((100% - 80px) / 4);
+    min-width: 320px;
+}
+
 .gallery-link:hover {
     cursor: zoom-in;
 }
 
 .gallery-image {
-    height: 250px;
+    display: block;
+    height: 30vh;
+    object-fit: cover;
+
+    border-top-right-radius: 20px;
+    border-top-left-radius: 20px;
 }
 
 .thumb-block {