Build a Bookstore Page - Step 15

HTML-CSS
1

Tell us what’s happening:

i need help with this, my p element is below the element with card-container but it’s not passing

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

Hey buddy here think where do you need to need to add these two element ?

Hint :- You need to change these two element place.

3

i have placed it in different places but it won’t pass

4

try this:

code removed by moderator
1 Like
5

yeah it worked already and i should have updated that i got it….thanks

6

hi @ting

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.

1 Like