Build a Cat Blog Page - Step 16

HTML-CSS
1

Tell us what’s happening:

just a quick question how do i add the lorem ipsum without copying the text from above?

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 peacefully sleeping"
        />
        <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="#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>

<!-- User Editable Region -->

        <article> 
          <h3>Mr. Whiskers' First Bath</h3>
          <p>lorem ipsum </p>
          <p>lorem ipsum </p>
        </article>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Blog Page - Step 16

2

Hey,
I’m not sure if I got your question, but lorem ipsum is just a placeholder text. You’re supposed to copy it from the above lines ( if you don’t want to waste time writing all the text). In your case, you should add two paragraphs of lorem ipsum text which is:

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.

I hope this helps!

2 Likes
3

why do you want to avoid copying? please copy the text, it’s the best way to avoid errors

4

i just wanted to learn for future reference thats all

2 Likes
5

if you want a different source for lorem ipsum text you can google it, but there are multiple variants, if you need to use an exact one you need to copy the given source