Build a Cat Blog Page - Step 12

Curriculum Help
,
1

Tell us what’s happening:

Help check more than 5 times still wrong got stuck again

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>

      <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>
<!-- User Editable Region -->
go      </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.</p>
      </article>
<!-- User Editable Region -->
    </section>
  </main>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Mobile Safari/537.36

Challenge Information:

Build a Cat Blog Page - Step 12

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/workshop-blog-page/66a338be7f1dee383a0e0ecb.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Hi @Irvin10

Copy and paste the lorem ipsum text you used earlier.

  1. The first paragraph element has a spacing issue:

  2. The second paragraph is missing the third sentence:

image
image944×103 13.3 KB

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.

Happy coding

3

Can’t copy paste, no enter key or tab key in my cellphone

4

How to Select and Copy Text

Touch and hold: Press your finger down on any word inside the sentence for about one to two seconds until it highlights.

Adjust the blue handles: Drag the little dots or teardrop markers at the start and end of the highlighted text to cover your complete sentence.

Tap copy: Select the Copy button that appears in the small menu right above your highlighted text.