Page 321 - Web Applications (803) Class 12
P. 321
File2: styles.css
body {
font-family: Cooper Black, sans-serif;
margin: 0;
padding: 0;
background-color: pink;
}
header {
background-color: blue;
color: white;
text-align: center;
padding: 1rem;
}
main {
max-width: 800px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2rem;
}
.product {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 1rem;
margin-bottom: 20px;
text-align: center;
width: calc(33.33% - 20px);
}
.product img {
width: 100%;
}
.add-to-cart {
background-color: #007BFF;
color: #fff;
border: none;
padding: 10px 20px;
Projects 319

