Build a Bookstore Page - Step 15

HTML-CSS
1

Tell us what’s happening:

it says i should add a p element below the element with class card-container.. please help

Your code so far


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

Your browser information:

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

Challenge Information:

Build a Bookstore Page - Step 15

2

to add something below an element, it means to add it after the closing tag of that element, please find the closing tag of the .card-container and add the p element after that

3

Thank you, i have tried that after the closing tag but still saying same

4

post your updated code please

5 
<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>
6

where is the p element you are asked to add?

9

i’m having issue pasting you the updated code

10

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

if you do not see the backticks then you are in rich text mode, it works the same, but you see teh code already formatted in the editor, but you can switch the editor mode with Ctrl+M