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
   316   317   318   319   320   321   322   323   324   325   326