Build a Bookstore Page - Step 18

HTML-CSS
1

Tell us what’s happening:

Your new p element’s text should be Review your selections and continue to checkout. .

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


<!-- User Editable Region -->

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64)

Challenge Information:

Build a Bookstore Page - Step 18

2

Below the element with the class card-container, add a new p element

This refers to the existing card-container element. There should only be one, because it contains the card elements. Do not create a new one.

Reset the step and try to identify where the card-container element begins and closes.

Add the p element after that

2 Likes
3

Hi :waving_hand:

You’re very close!

The issue is that you created a second card-container and placed the

inside it. The instructions mean below the existing card-container, not inside it.

Make sure there is only one .card-container, close it properly, and then add the

element after that closing .

Try resetting the step and carefully matching where the container opens and closes

1 Like
4

I’ve done mine like that but it’s not working funny thing is there is no help button appearing even when I’ve failed to pass the test several times so please I’ll just upload a photo

IMG_8819
IMG_88191125×2436 387 KB

5

is that the browser editor? the help button is next to the rest button, below the Check your Code button. Please create your own topic, we are not able to help you in someone else’s topic

1 Like