Build a Cat Blog Page - Step 11

HTML-CSS
1

Tell us what’s happening:

it is not accepting my lorem text that i got from google and used the right format

Your code so far

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

<!-- User Editable Region -->

        <article>
          <h3>Mr. Whiskers' First Day Home</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque, sem ut condimentum pharetra, magna elit aliquet mi, vel imperdiet lectus lacus a eros. Cras pharetra condimentum magna, in vestibulum dolor. Nunc sagittis, lectus eu viverra vulputate, ligula metus aliquet orci, at dapibus risus mi auctor urna. Etiam id blandit dolor. Ut egestas pretium tristique. Suspendisse dapibus ultrices tristique. Suspendisse iaculis sit amet ligula sed viverra. In varius ornare velit et mattis. Vivamus aliquam sapien quam, ut pharetra turpis posuere eu. Suspendisse viverra pharetra rhoncus. Vestibulum aliquam arcu fringilla sagittis sagittis.</p>
          <p>Suspendisse tempor tellus ante, in aliquet felis maximus at. Etiam sed iaculis quam. Proin dapibus vehicula justo ut auctor. Maecenas eu tempus dolor, ut ultrices lacus. Vivamus lorem arcu, elementum eget odio in, pretium tempus mauris. Cras venenatis mattis lorem vitae convallis. Nullam porta volutpat eros hendrerit dapibus. Duis pellentesque libero nunc, euismod semper libero sodales scelerisque. Etiam eget fermentum odio. Mauris quis tellus sed felis cursus condimentum in sit amet magna. Aenean id mollis leo. Quisque non finibus sem.</p>
          
        </article>

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Blog Page - Step 11

2

The lorem ipsum text should be copied exactly for both paragraphs.

1 Like