Build a Bookstore Page - Step 10

HTML-CSS
1

Tell us what’s happening:

i don’t understand why my two div elements cannot pass,please help me

Your code so far

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


<!-- User Editable Region -->

</div>

Your browser information:

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

Challenge Information:

Build a Bookstore Page - Step 10
https://www.freecodecamp.org/learn/full-stack-developer/workshop-bookstore-page/step-10

2

why is the element with class="card-container" inside an element with class="card"? make sure to put the class="card" element in the right place

3

i can’t find a solution

4

what have you tried to find a solution? what doubts do you have?

maybe try resetting the step and following the instructions again

5

first div element put to where?

6

which div element are you talking about? there are many already in the code, and you are also asked to create one more in this step

7

The div on line 3 can be removed.

8

XYZ Bookstore

Browse our collection of amazing books!

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

hi @Saman1996 , if you need help please create your own topic

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622×306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

10

Hello, if you haven’t solved this yet, at Step 10, you are only being asked to create a new div element. So the below should work;

-- removed --

I hope it helps.

11

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.

12

true it can be removed

14

Please do not try to post solution code