Build a Bookstore Page - Step 9

HTML-CSS
1

Tell us what’s happening:

I don’t fully understand what I need to do here, are they asking me to make a new line of code or edit an existing line?

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

<!-- User Editable Region -->

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

<!-- 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/148.0.0.0 Safari/537.36

Challenge Information:

Build a Bookstore Page - Step 9

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

2

Hi

Have a look at the example code for the correct syntax for the opening tag to add an id attribute:

<p id="para">

The class attribute is separate and is already there. That is added to the instructons to make sure you add the id attribute to the correct tage.

3

Hi buddy, See here this is place where you need to do add the id attribute

Add an id attribute to your element having a class of card and set its value to sally-adventure-book

When you do add the correct id then you will be able to pass this test here.

Hope You Understand.

4

I still don’t fully get it? Do you mind posting the solution and working me backward? Because I feel like I’m missing something

5

id is not an HTML tag. This is only attribute that you can add to an HTML element like <p>, <div>, etc.

So you can’t write <id card="sally-adventure-book"> , but you can add id="sally-adventure-book" to <div class="card">. It will be look like <div class="card" id="sally-adventure-book">

6

Ahhhh, that makes sense! Thank you for the help!