Build a Cat Blog Page - Step 2

HTML-CSS
1

Tell us what’s happening:

I tried using the opening head and closing head tag appropriately but still am having a hard time understanding why its showing my code is incorrect

Your code so far

<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

<head>
  <title>Mr. Whiskers' Blog</title>
  <meta charset="UTF-8"/>
  </head>
  <body>
    <header>
      <h1>Welcome to Mr. Whiskers' Blog Page!</h1>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"/>
        <figcaption>Mr. Whiskers' sleeping</figcaption>
        </figure>
        <nav>
          <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#posts">Posts</a></li>
            <li><a href="#contacts">Contacts</a></li>
            </ul>
            </nav>
            </header>
            <main>
              <section id="about">
                <h2>About</h2>
                <p>
                  Hi there!I'm Jane Doe, a passionate writer who finds endless inspiration in the antics of my beloved cat, Mr. Whiskers.
                  </p>
                  <p>
                    His playful nature and boundless energy keeps me on my toes. I love him so much.
                    </p>
                    </section>
                    <section id="posts">
                      <h2>Posts</h2>
                      <article>
                        <h3>Mr. Whiskers First Day Home</h3>
                        </article>
                        <section id="contacts">
                          <h2>Contacts</h2>
                          <p>
                            phone:<a href="tel:+5558090">+5558090</a>
                            </p>
                            <p>
                              email address:<a href="email:ww@gmail.com">ww@gmail.com</a>
                              </p>
                              </section>
                              </main>
                              </body>
                              </html>

<!-- User Editable Region -->

</html>

Your browser information:

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

Challenge Information:

Build a Cat Blog Page - Step 2
https://www.freecodecamp.org/learn/full-stack-developer/workshop-blog-page/step-2

2

what brought you to add all this?

1 Like
3

Hey Buddy, See here you have used </html twice.