Build a Bookstore Page - Step 18

HTML-CSS
1

Tell us what’s happening:

I am trying to get past this stage, but it says the sentence is incorrect, even though it is literally in the way it says to put it inside the ‘p’ element.

Review your selections and continue to checkout.

Your code so far

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>XYZ Bookstore Page</title>
</head>

<body>
  <h1>XYZ Bookstore</h1>
  <p>Browse our collection of amazing books!</p>
  
  <div class="card-container">
    <div class="card" id="sally-adventure-book">
      <h2>Sally's SciFi Adventure</h2>
      <p>This is an epic story of Sally and her dog Rex as they navigate through other worlds.</p>
      <button class="btn">Buy Now</button>
    </div>
    
    <div class="card" id="dave-cooking-book">
      <h2>Dave's Cooking Adventure</h2>
      <p>This is the story of Dave as he learns to cook everything from pancakes to pasta, one recipe at a time.</p>
      <button class="btn">Buy Now</button>
    </div>
  </div>
  

<!-- User Editable Region -->

 <div class="card-container">
    </div>
   <p>Review your selections and continue to checkout.</p>
    <div class="btn-container">
        </div>

<!-- User Editable Region -->

</body>

</html>

Your browser information:

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

Challenge Information:

Build a Bookstore Page - Step 18

2

so let’s read the instructions again:

Below the element with the class card-container, add a new p element with this text:

Review your selections and continue to checkout.

Below the p element, create a div element with the class attribute set to btn-container. This container will group your navigation button elements.

When you read this, can you tell me how many new elements are they asking you to add?