Passo 7

Instruções

A primeira seção na página será a seção About. A seção apresentará o Sr. Whiskers e dê aos usuários uma ideia do que este blog trata. Dentro do elemento main, adicione um elemento section com o atributo id definido como "about". Dentro do elemento section, adicione um h2 com o texto de About.

O que fazer:

Testes:

O elemento `section` deve ter uma tag de abertura.
O elemento `section` deve ter uma tag de fechamento.
O elemento `section` deve ter um `id` definido como `"about"`.
O elemento `section` deve estar dentro do elemento `main`.
O elemento `h2` deve ter uma tag de abertura.
O elemento `h2` deve ter uma tag de fechamento.
Seu elemento `h2` deve ter o texto `About`. Verifique sua ortografia.
O elemento `h2` deve estar dentro do elemento `section`.

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

      

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

Preview