Passo 12

Instruções

Para o segundo blog post, você precisará adicionar outro elemento article. Dentro do elemento article, adicione um elemento h3 com o texto Mr. Whiskers' First Bath. Abaixo do elemento h3, adicione dois parágrafos de texto lorem ipsum.

O que fazer:

Testes:

Você deve ter um segundo elemento `article` dentro do elemento `section` com o `id` configurado como `posts`.
Você deve ter um elemento `h3` dentro do elemento `article` com o texto `Mr. Whiskers' First Bath`.
O elemento `h3` deve estar dentro do elemento `article`.
Você deve ter dois elementos parágrafo dentro do elemento `article`.
O primeiro elemento parágrafo deve conter texto lorem ipsum. Verifique se há erros de ortografia e pontuação.
O segundo elemento parágrafo deve conter texto lorem ipsum. Verifique se há erros de ortografia e pontuação.
Seus parágrafos devem vir após o elemento `h3`.

<!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.G.E.A.R ACADEMY.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>
        
        
        
      </section>
    </main>
  </body>
</html>

Preview