Build a Bookstore Page - Step 18

HTML-CSS
1

Tell us what’s happening:

I have added the p element below the element with a class of card-container and also the p element text is correct but i am being told to check it

Your code so far

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <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">
    <p>Review your selections and continue to checkout.</p>
    <div class="btn-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 -->

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:140.0) Gecko/20100101 Firefox/140.0

Challenge Information:

Build a Bookstore Page - Step 18

2

in this step you are asked to add the two new elements *after* the .card_container element. remember that an html element has both a start and end tag so look for the end tag of that element and add them there.

3

Hi buddy, Here in this test you need to add 2 things first one in p tag and the second one is div element with the class name btn-container

And in your code these things are missing that’s why your code is anable to pass.

Kindly do add these two things then you will be able to pass the test.

Hope You Understand.

4

It’s in there in the code

5

Does this help?

before

<element>
inside
</element>

after
1 Like
6

You did not add the new elements in the right place.

You added them inside the .card-container element, not after it.

Remember, an HTML element has both a starting tag and an ending tag.

1 Like
7

code removed by moderator

this the correct format

8

hi @isioma719

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.