| 
4 | 4 | 
 
  | 
5 | 5 |  <div class="row m-5">  | 
6 | 6 |  {% for product in products %}  | 
7 |  | - <div class = "col"></div>  | 
8 |  | - <div class="card" style = "width: 18rem;">  | 
9 |  | - <div class="card-body">  | 
10 |  | - <h5 class="card-title">{{product.name}}</h5>  | 
11 |  | - <p class="card-text">${{product.price}}</p>  | 
12 |  | - <a href="./checkout" class="btn btn-primary">Add to Cart</a>  | 
 | 7 | + <div class = "col">  | 
 | 8 | + <div class="card" style = "width: 18rem;">  | 
 | 9 | + <div class="card-body">  | 
 | 10 | + <h5 class="card-title">{{product.name}}</h5>  | 
 | 11 | + <p class="card-text">${{product.price}}</p>  | 
 | 12 | + <a href="./checkout" class="btn btn-primary">Add to Cart</a>  | 
 | 13 | + </div>   | 
13 | 14 |  </div>  | 
 | 15 | + <br>   | 
14 | 16 |  </div>  | 
15 | 17 |  {% endfor %}  | 
16 | 18 |  </div>  | 
17 | 19 | 
 
  | 
18 |  | - | 
19 | 20 |  <!-- <h1>Products</h1>  | 
20 | 21 |  <ul>  | 
21 | 22 |  <!- In Html represent the static data and we want  | 
 | 
0 commit comments