Build a Bookstore Page - Step 18

HTML-CSS
1

Tell us what’s happening:

How to do this one? I tried it many times but it keeps coming incorrect.

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">
      <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>


</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/143.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 18

2

Hi

You need to add a p element below the element with the class ‘card-container’. I suggest you work out which that element is. Remember it has an opening and closing tag and has other elements inside it, so you need to be careful you have the right one.

Then you need to add a div element below what you have just added.

3

In this image you can see the starting and ending tags of the element with class card-container linked together, keep in mind that everythign between these tags is inside the element so it can’t be after it

image
image968×715 73.6 KB

4

Hey, it looks like you may have an extra closing tag for an element. (div) I may be wrong. But let me know if this helps!

5

I failed this many times because i didnt get that “Below the element with the class card-container" its like AT THE END OF THE ENTIRE DIV, and not directly “a line“ below of it.

6

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