Build a Bookstore Page - Step 19

HTML-CSS
1

Tell us what’s happening:

i know i have to have 2 buttons but the id thing ive tried it nd i dont know whts wrong

Your code so far

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <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 class="btn-container"> </button>
<button> </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

Just follow this guide for your buttons:

First button:

  • Id: view-cart-btn
  • Class: btn
  • Text: View Cart

Second button:

  • Id: checkout-btn
  • Class: btn
  • Text: Checkout
3

that was fast also that’s the thing confusing me

4

What about it are you confused by?

5

ive tried adding the id thing and it doesn’t work

6

You know what an id attribute is, right?

7

not really things go in and out of my head and I just started sorry

8

Here’s an example of a div element with an id and class attribute.

9

I think that’s wht I had it might ust be that I only had it once

10

im so sorry I just realized tht

11

No need to apologize. You’re learning. It’s confusing at times.

12

thanks also ill updte yu if it works also my a key is stiff so ye thts why some words dont have it

1 Like
13

did it and it doesn’t work I think I almost got it but yea

14

pls post your updated code if you need more help

15

figurin out how to do tht

16

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 (').

17

I probably just put a screenshot

This text will be hidden

18

Tell us what’s happening:

idk why that the factor of max replies exists but dhess i cant add the screenshot since i reached max so reply to this so i know u aknlowdged this @dhess i cn just edit this everytime for as a way to keep talking

Your code so far

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <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 class="btn-container" id="view-cart-button"></button>
<button class="btn-container" id="checkout-btn"> </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

19

In the future, please don’t create a duplicate topic for the same challenge/step. I’ve merged your post from the duplicate into this thread.

20

You have not added the requested text between the button opening and closing tags, and the class attribute of the buttons should be what was shown in the instructions. Try making those changes.