Build a Bookstore Page - Step 15

HTML-CSS
1

Tell us what’s happening:

Guy s i have tried everything now…no luck. what really needs to happen here?

Your code so far


<!-- 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 class="btn-container">
  </div>
</div>


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

Challenge Information:

Build a Bookstore Page - Step 15

2

This is the starting code, what did you try?

" Below the element with the class card-container, add a new p element with this text: Review your selections and continue to checkout."

Can you identify the class card-container element?

3

Same problem here. This is what I tried that did not work. Please advise.

´´´

<h1>XYZ Bookstore</h1>
<p>Browse our collection of amazing books!</p>
<div class="card-container">
  <!--Tried here, no good-->
  <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>
  <!--Tried here, no good-->
  <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>
  <!--Tried here, no good-->
  <div class ="btn-container">
<!--Tried here, no good-->
  </div>
  <p>
  <!--Tried here, no good-->
 ´´´
4

hi @Gollum , please create your own topic

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622×306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

5

Add the new “p” element and the “div” element at the very end of you coding. This should help. I was also facing the same problem.

6

salut. en fait lorsqu’on vous dit sous l’élément ayant la classe “card-container”, vous devez aller ajouter les balises demandées sous la balise fermante de l’élément “card-container’’. je pense que c’est ça votre problème.