PERFUME
diff --git a/product-preview-card-component-main/styles.css b/product-preview-card-component-main/styles.css
index 91988e5..5fa8620 100644
--- a/product-preview-card-component-main/styles.css
+++ b/product-preview-card-component-main/styles.css
@@ -2,6 +2,7 @@
margin: 0;
padding: 0;
background-color: hsl(30, 38%, 92%);
+ font-size: 18px;
}
html,
@@ -52,6 +53,8 @@ p {
.hero-img {
border-radius: 0.5em 0.5em 0 0;
+ max-width: 100%;
+ height: auto;
}
.price {
@@ -102,13 +105,21 @@ span {
margin-right: 10px;
}
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 800px) {
.container {
display: flex;
flex-direction: row;
justify-content: center;
+ width: 60vw;
+ align-self: center;
}
.content {
- width: 35%;
+ width: 50%;
+ border-radius: 0 0.5em 0.5em 0;
+ }
+ .hero-img {
+ width: 50%;
+ border-radius: 0.5rem 0 0 0.5em;
+ object-fit: cover;
}
}