Build a Bookstore Page - Step 18

HTML-CSS
1

Tell us what’s happening:

Hey guys just wanting to know where im going 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>

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

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 18

2

Welcome to the forum @Champ101n

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image1191×469 42.5 KB

It looks like you repeated the paragraph element and added a button element, which you were not asked to do.

Also, the opening div tag is missing a closing angular bracket.

Please reset the step to restore the seed code.

Carefully read where the first element should go.

Happy coding

3

Um, I’m only really seeing two colors in your code sample.

4

you are not seeing the blue because no code has been deleted from the seed code

5

I see blue, but I don’t see magenta.

6

thanks for the help, appreciate it. i figures it out in the end.

2 Likes
7

the color you think is blue is the one that is magenta, if you see other images from Teller you can see the blue

1 Like