Build a Bookstore Page - Step 18

Programming HTML-CSS
1

Tell us what’s happening:

I think there is an error i can’t solve #18 is telling me to do “Review your selections and continue to checkout” and i did but i can’t proceed.

Your code so far


<!-- User Editable Region -->

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


</body>

</html>

<!-- User Editable Region -->

Your browser information:

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

Challenge Information:

Build a Bookstore Page - Step 18

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca6364c5616d393389a30.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

In strings every single character has to exactly the same as asked. In your case you have an extra space in the beginning of the sentence and the test seeing that space. You have to be extra careful what you write inside a tag.

3

image
image1915×912 138 KB

That didn’t solve it. :thinking:

4

Were you asked to create another .card-container div?

5

I wasn’t asked to do so but i was getting an error for the card-container thingy and i saw a solution for it in the forum and that error(means to clear the tests) was resolved. but how will it solve the p element problem?

6

the tests are using the exisitng .card-container to see if your element is in the right place, if you create an other one, the tests will not find your p element

7

image
image1915×897 151 KB

It worked! Thank you for your time. i really appreciate it. :innocent: