Build a Bookstore Page - Step 18

HTML-CSS
1

Tell us what’s happening:

what is my mistake i dont know where to put the btn conatiner.

Your code so far

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

<body>

<!-- User Editable Region -->

  <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">
        <p>Review your selections and continue to checkout.</p>
        <div class="btn-container"> </div>
        <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>

<!-- 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/145.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 18

2

please reset the step

then look here:

image
image968×715 73.6 KB

in this image the starting and closing tag of the div with class="card-container" are linked together by the red line

everything between the two tags is inside the div, to add something below or after the div you need to write after the closing tag