Build a Bookstore Page - Step 16

HTML-CSS
1

Tell us what’s happening:

Hi, i don’t understand why it doesn’t work please help

Your code so far

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

<!-- User Editable Region -->

<p>Review your selections and continue to checkout.</p>
<div class="btn-container" id="view-cart-btn">
  <button class="btn">View Cart</button>
  <div class="btn" id="checkout-btn">
  <button class="btn">Checkout</button>
</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/140.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 16

2

The instructions are giving you the id and class attribute values for each of the buttons. The .btn-container div should not be changed. Please reset this step to bring back the seed code and try again.

3

Capture d'écran 2025-11-11 161955
Capture d'écran 2025-11-11 161955819×522 42.3 KB
Thank you,

I tried like that but didn’t work, and I tried with div class too :confused:

4

that is not the way to write ids, ids are attribute you give to elements

1 Like
5

id is an attribute that goes inside the button element’s opening tag. id is not an HTML element.

6

Thank you :slight_smile: it works now

8

code removed by moderator

9

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.

10

thank you will keep it in mind next time