add task solution

mate-academy · Jan 14, 2025 · 2d2c2b0 · 2d2c2b0
1 parent 881de09
commit 2d2c2b0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/styles/blocks/card.scss b/src/styles/blocks/card.scss
@@ -1,5 +1,7 @@
 .card {
   width: 200px;
+  padding-left: 16px;
+  padding-right: 16px;
 
   box-sizing: border-box;
   border: 1px solid #f3f3f3;
@@ -13,13 +15,12 @@
   &__image {
     width: 160px;
     height: 134px;
-    padding: 32px 19px 40px;
+    margin-top: 32px;
+    margin-bottom: 40px;
   }
 
   &__productName {
-    margin: 0;
-    padding-left: 16px;
-    padding-right: 16px;
+    margin-bottom: 16px;
   }
 
   &__productNameTitle {
@@ -36,16 +37,16 @@
   }
 
   &__price {
-    padding-top: 24px;
-    padding-bottom: 16px;
     justify-content: space-between;
     display: flex;
     align-items: center;
     gap: 85px;
+    margin-bottom: 16px;
   }
 
   &__priceLabel {
     color: $secondary-text-color;
+    font-weight: bold;
   }
 
   &__priceValue {
@@ -54,24 +55,23 @@
   }
 
   &__button {
-    padding: 10px 20px;
+    padding: 10px 24px;
     width: 166px;
     text-align: center;
     font-weight: 700;
     font-size: 14px;
     line-height: 16px;
-    border: 2px solid $blue-accent;
+    border: solid $blue-accent;
     margin-bottom: 16px;
 
     background-color: $blue-accent;
     color: #fff;
-    border-color: $blue-accent;
     border-radius: 5px;
 
     &:hover {
       background-color: #fff;
       color: $blue-accent;
-      border-color: $blue-accent;
+      border: 1px solid $blue-accent;
       transition: 0.7s;
     }
   }

diff --git a/src/styles/blocks/stars.scss b/src/styles/blocks/stars.scss
@@ -3,7 +3,7 @@
   justify-content: space-between;
   align-items: center;
   gap: 17px;
-  padding-top: 16px;
+  margin-bottom: 24px;
 }
 
 .stars {