Build a Bookstore Page - Step 9

HTML-CSS
1

Tell us what’s happening:

  1. Your element with a class of card should have an id attribute.
  2. Your element having a class of card should have an id having the value of sally-adventure-book.
    please help

Your code so far

<!DOCTYPE html>
<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>
  <h1>XYZ Bookstore</h1>
  <p>Browse our collection of amazing books!</p>
  <div class="card-container">

<!-- User Editable Region -->

    <div class="card">
    <div class="card"id="sally-adventure-book">

<!-- User Editable Region -->

  </div>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36 Edg/143.0.0.0

Challenge Information:

Build a Bookstore Page - Step 9

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

I’ve tried the following code as follows and keep getting the same error message. I’m not understanding what im doing wrong so far.

4

Edit the existing div, the instructions do not ask to create a new one.

5

Says my card class should have an id attribute, after I reset and tried again.

6

what is your code now? you need to add the id to the existing element, not create a new element

7

class id=”card”sally-adventure-book”

8

if you write this, class does not have a value, and id has a value of card, is this what you want?

9

I’ve also tried to use <div class="card"id="sally-adventure-book"> and that did not work still receiving the same error message.

1 Like
10

try adding a space between the two attributes

if that does not work, can you post all the code you have in the editor please?

When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like