diff --git a/src/index.html b/src/index.html
index 676dbf0b6d..76773fa157 100644
--- a/src/index.html
+++ b/src/index.html
@@ -48,7 +48,7 @@
+
Price:
$2,199
diff --git a/src/styles/body.scss b/src/styles/body.scss
index 7917885b72..0e63d2d143 100644
--- a/src/styles/body.scss
+++ b/src/styles/body.scss
@@ -20,6 +20,7 @@
}
.product-card__items--title {
+ display: flex;
font-size: 12px;
font-weight: 500;
line-height: 18px;
@@ -32,27 +33,38 @@
justify-content: flex-start;
font-size: 10px;
font-weight: 400;
+ height: 14px;
line-height: 14px;
margin-top: 4px;
}
-.product-card__items--position {
+.product-card__items--reviews {
display: flex;
justify-content: space-between;
align-items: center;
+ margin-top: 16px;
+ height: 14px;
}
-.product-card__items-reviews {
+.product-card__items-review {
font-size: 10px;
font-weight: 400;
line-height: 14px;
}
-.product-card__price {
+.product-card__items--price {
display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 18px;
+ line-height: 18px;
margin-top: 24px;
}
+.product-card__price {
+ display: flex;
+}
+
.product-card__price--letters {
font-size: 12px;
font-weight: 400;
@@ -70,7 +82,6 @@
justify-content: center;
align-items: center;
background-color: #00acdc;
- width: 166px;
height: 40px;
border-radius: 5px;
font-size: 14px;
@@ -80,6 +91,7 @@
text-transform: uppercase;
text-decoration: none;
color: #f3f3f3;
+ margin-top: 16px;
}
.product-card__items--link:hover {
diff --git a/src/styles/stars.scss b/src/styles/stars.scss
index ef068c52cb..29523b6a37 100644
--- a/src/styles/stars.scss
+++ b/src/styles/stars.scss
@@ -1,6 +1,5 @@
.product-card__items-stars {
display: flex;
- margin-top: 24px;
}
.product-card__items-stars-star {
@@ -12,6 +11,10 @@
height: 16px;
}
+.product-card__items-stars-star:not(:last-child) {
+ margin-right: 4px;
+}
+
.product-card__items-stars-star--not-active {
background-image: url(../images/star.svg);
}