Build a Bookstore Page - Step 18

Curriculum Help
1

Tell us what’s happening:

There is something wrong with my p element but I cannot figure out what?

Your code so far

<!DOCTYPE html>
<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>
<!-- User Editable Region -->
      <button class="btn">Buy Now</button>
    <div class="card-container"></div>
    <p>Review your selections and continue to checkout.</p>
<!-- User Editable Region -->
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.6 Safari/605.1.15

Challenge Information:

Build a Bookstore Page - Step 18

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/workshop-bookstore-page/68eca6364c5616d393389a30.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Welcome to the forum @HawKir17

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
image916×316 21.1 KB

  • The two closing div tags in shown in blue are missing from your code.
  • Also, the new div element goes below the new paragraph element.
  • Check the class attribute value for the new div element.

Happy coding