Build a Bookstore Page - Step 7

HTML-CSS
1

Tell us what’s happening:

I have nested the h2 element inside the div along class set to card but still getting error , need help in identifying th error .

below is the code

Sally's Scifi Adventure

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"id="sally-adventure-book">
    <h2>Sally's Scifi Adventure</h2>
  </div>

<!-- User Editable Region -->

Your browser information:

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

Challenge Information:

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

2

Welcome to the forum @saiprasad1496

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image551×209 13.5 KB

The main issue is the lower case f in the h2 element.

Also, add a single space between the class and id attribute.

The second closing div tag is missing from your code.

Happy coding

3

You can follow along the code below and replicate on your side as well

code removed by moderator

4

hi @freeManuOj

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.

5

okay was not aware of that,