Build a Bookstore Page - Step 9

HTML-CSS
1

Tell us what’s happening:

Add a Button element inside the element class of card

Your code so far

<h1>XYZ Bookstore</h1>
<p>Browse our collection of amazing books!</p>
<div class="card-container">

<!-- User Editable Region -->

  <div class="card"<button> <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>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Mobile Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 9

2

Your h2 and p elements are inside the element with the class of card.

Your button should be added in the same way.

It’s also missing:

give the button a class attribute set to btn, and the text Buy Now.

3

Hi buddy, See here is the div with the class name .card.

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

Inside this you need to add the button element with the text Buy Now and you need to add the class btn in the button element.

When you do so then you will be able to pass this test.

Hope you understand.