Build a Bookstore Page - Step 19

HTML-CSS
1

Tell us what’s happening:

I have tried this solution to many times. i don’t see what I’m doing wrong.

Your code so far

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>XYZ Bookstore Page</title>
</head>

<body>
  <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">
<button><id view-cart-btn="btn">View Cart</button>
<button><id checkout-btn="btn">Checkout</button>
  </div>

<!-- User Editable Region -->

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 19

2

There is no id element. id needs to be an attribute of the button element.

Look at your previous button elements for how to assign a class to the button.

3

I did that and Im still not getting it right

4

You’ll need to share your updated code

5

Tell us what’s happening:

I don’t know what i’m doing wrong. I believe this is the right way to do it. Please help

Your code so far

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>XYZ Bookstore Page</title>
</head>

<body>
  <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">
    <button><id view-cart-btn="btn">View Cart</button>
    <button><id checkout-btn="btn">Checkout</button>
  </div>

<!-- User Editable Region -->

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 19

7

Please don’t create duplicate topics

8

There is no id element. id needs to be an attribute of the button element.

Look at your previous button elements for how to assign a class to the button.

Look at your previous code. You have div elements with class and id attributes. Do your buttons the same way

Let me know if you have any questions

9

The last part of your code where you have the two buttons, you were supposed to add your id and class inside the opening tag of the button but you brought them outside and also omitted the class as well

10

code removed by moderator

you did not add the id attributes

11

hi @isioma719

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