Build a Bookstore Page - Step 13

HTML-CSS
1

Tell us what’s happening:

I genuinely have no idea how to make 2 div elements “siblings” and I cannot tell what I’m doing 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">

<!-- 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>
      <button class="btn">Buy Now</button>
      <div class="card">
    </div>

<!-- 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/26.2 Safari/605.1.15

Challenge Information:

Build a Bookstore Page - Step 13

2

Your first card div isn’t closed properly - find where it should end, then add your second card div after that closing tag.

3

It looks like you may have changed the starting code in areas you were not asked to change, which will cause the tests to fail. Please click the reset button to restore the original code and try again.

image

Sibling elements share the same parent element. In this case, the parent element is the .card-container div. So you just need to add another .card div after the first .card div.