Product Details
Product 1
Price: $19.99
ML: 100ml
- Pro: Moisturizes skin
- Pro: Long-lasting fragrance
- Con: May cause allergic reactions
Buy Now
Product 2
Price: $24.99
ML: 200ml
- Pro: Gentle on skin
- Pro: Cruelty-free
- Con: May not be suitable for oily skin
Buy Now
Product 3
Price: $29.99
ML: 300ml
- Pro: Anti-aging properties
- Pro: Hydrates skin
- Con: May have a strong scent
Buy Now
Product 4
Price: $19.99
ML: 100ml
- Pro: Soothes skin irritations
- Pro: Non-comedogenic
- Con: May not be suitable for sensitive skin
Buy Now
Product 5
Price: $39.99
ML: 400ml
- Pro: Reduces fine lines and wrinkles
- Pro: Fades age spots
- Con: May have a greasy texture
Buy Now
And the updated CSS:
.product-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product {
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 250px; /* added a fixed width for demo purposes */
}
.product img {
width: 100%;
height: 150px;
object-fit: cover;
margin-bottom: 10px;
border-radius: 10px 10px 0 0;
}
.product h2 {
font-weight: bold;
margin-bottom: 10px;
}
.product ul {
list-style: none;
padding: 0;
margin: 0;
}
.product li {
margin-bottom: 10px;
}
.product li::before {
content: "•";
margin-right: 10px;
color: #666;
}
.pro {
color: #008000;
}
.con {
color: #red;
}
.product a {
text-decoration: none;
color: #337ab7;
}
.product a:hover {
color: #23527
0 Comments