Online Store
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f8f8f8;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
color: #fff;
padding: 1rem;
}
.cart {
position: relative;
}
.cart-content {
display: none;
position: absolute;
top: 100%;
right: 0;
background-color: #fff;
color: #333;
border: 1px solid #ddd;
padding: 1rem;
width: 200px;
}
.product-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 2rem;
}
.product {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
margin: 1rem;
padding: 1rem;
width: 200px;
text-align: center;
}
.product img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
button {
background-color: #333;
color: #fff;
border: none;
padding: 0.5rem 1rem;
cursor: pointer;
border-radius: 5px;
}
button:hover {
background-color: #555;
}