Build a Cat Blog Page - Step 18 in:title

HTML-CSS
1 
<!DOCTYPE html>

<html lang="en">

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

          alt="a cat in the garden"

        />

        <figcaption>Mr. Whiskers in the Garden</figcaption>

      </figure>

      <nav>

        <ul>

          <li><a href="#about">About</a></li>

          <li><a href="#posts">Posts</a></li>

          <li><a href="#contact">Contact</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>

          <p>

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam

            quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae

            quidem voluptatum quas. Quisquam quod, voluptates, quae, quos

            quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.

          </p>

          <p>

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam

            quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae

            quidem voluptatum quas. Quisquam quod, voluptates, quae, quos

            quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.

          </p>

        </article>

        <article>

          <h3>Mr. Whiskers' First Bath</h3>

          <p>

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam

            quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae

            quidem voluptatum quas. Quisquam quod, voluptates, quae, quos

            quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.

          </p>

          <p>

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam

            quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae

            quidem voluptatum quas. Quisquam quod, voluptates, quae, quos

            quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.

          </p>

        </article>

        <article>

          <h3>Mr. Whiskers' First Birthday Party</h3>

          <p>

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam

            quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae

            quidem voluptatum quas. Quisquam quod, voluptates, quae, quos

            quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.

          </p>

          <p>

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam

            quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae

            quidem voluptatum quas. Quisquam quod, voluptates, quae, quos

            quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.

          </p>

        </article>

      </section>

    </main>

    <footer>

      <section id="contact">

        <h2>Contact</h2>

        <address>

          <p><a href="tel:5555555555"> 555-555-5555</a><p>

          <p>Email: fake@email.com</p>

        </address>

      </section>

    </footer>

  </body>

</html>
2

Hi. Can you please post the url of step you are on.

What error message are you getting?

For future reference:

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 Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for 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.

3

Welcome to the forum @savadogo4550 !

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.