Build a Bookstore Page - Step 12

HTML-CSS
1

Tell us what’s happening:

how can ı add the btn element ? I didn’t understand

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

<!-- User Editable Region -->

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

    </div>

<!-- User Editable Region -->

  </div>
</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/142.0.0.0 Safari/537.36 OPR/126.0.0.0

Challenge Information:

Build a Bookstore Page - Step 12

2

The task says:

(…) give the button a class attribute set to btn (…)

You have to create a button element and add a class property, and it´s value is “btn” not the elements name is.
Similar as you did inside the div element.

Here is an example from MDN:

<button class="favorite styled" type="button">Add to favorites</button>
3

You just need to add the <button> tag inside your card div, right after the paragraph.

Try adding this line right before your closing </div>:

code removed by moderator

4

hi @shanog186

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.

5

My apologies! I will keep this in mind for next time.

6

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.