Build a Music Shopping Cart Page - Build a Music Shopping Cart Page

HTML-CSS
1

Tell us what’s happening:

Need Help! condition 24 “Your #order-summary-container element should have an element with the id set to total-amount to display the total for all items in the cart.” not meeting even though I did it

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Music Shopping Cart Page</title>
    <script src="https://cdn.tailwindcss.com"></script>
  </head>
  <body>
    <div id="shopping-cart-container" class="flex flex-col lg:flex-row ">
       <div id="products-container">
         <div class="card">
             <h2 class="text-2xl">Product 1</h2>
             <div class="quantity">1</div>
             <div class="price">10</div>
             <button class="remove-button bg-red-500 hover:bg-red-600 text-white px-2 py-1">Remove</button>
         </div>
         <div class="card">
              <h2 class="text-2xl">Product 2</h2>
             <div class="quantity">2</div>
             <div class="price">20</div>
             <button class="remove-button  bg-red-600 hover:bg-red-500 text-white px-2 px-1">Remove</button>
         </div>
       </div>
       <div id="order-summary-container" class="rounded-lg border-2">
          <h2 class="text-xl">Order Summary</h2>
          <div id="total" class="font-bold text-sm">Total:</div>
          <div id="total-amount"></div>
          <a href="#" class="block text-center bg-blue-600 hover:bg-blue-700">Checkout</a>
       </div>
     </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36 Edg/145.0.0.0

Challenge Information:

Build a Music Shopping Cart Page - Build a Music Shopping Cart Page

image

image
image716×120 15.3 KB

3

please do not ping people not participating in the conversation

4

it is not displaying the total for all items in the cart, is it? maybe try to change that

5

so I just have to type random number?

6

and it worked lamo Tnx <3

7

if you want to follow the design here, it should be 50$ for the total price of 10x1 + 20x2 of the products in your cart

1 Like
8

I typed a random number12 and it also worked xd

9

that’s why I said “if you want to follow the design”

1 Like
10

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.