<head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <title>Shoe Store</title> </head> <body> <section class="container"> <h1>Converse Chuck Taylor</h1> <div class="grid"> <div class="product-img"> <img src="/shoe.jpeg" alt="shoe" /> </div> <div class="product-info"> <p class="price">$65.00</p> </div> <div class="product-details"> <p class="product-detail-text">Product Details</p> </div> </div> </section> </body>
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: sans-serif; } section { max-width: 1200px; } .container { margin: 50px auto; border: 2px solid black; } h1 { text-transform: uppercase; text-align: center; padding: 20px 0; background-color: #888; } .grid { display: grid; grid-template-columns: 1fr 1fr 1fr; } img { width: 100%; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)