article.html

<div class="App">
  <div>
    <header class="header">
      <h1 class="title">eum et est occaecati</h1>
    </header>
    <div class="body">
      <p>ullam et saepe reiciendis voluptatem adipisci</p>
      <p>sit amet autem assumenda provident rerum culpa</p>
      <p>quis hic commodi nesciunt rem tenetur doloremque ipsam iure</p>
      <p>quis sunt voluptatem rerum illo velit</p>
    </div>
    <div class="comments">
      <h2>Comentários</h2>
      <div class="new_comment">
        <form>
          <h3>Adicionar novo comentário</h3>
          <label for="name">Seu nome</label>
          <input type="text" class="user_input" id="name" value=""/>
          <label for="body">Seu comentário</label>
          <textarea class="comment_box" id="body"></textarea>
          <button>Comentar</button>
        </form>
      </div>
      <div class="comment">
        <p class="comment_user">id labore ex et quam laborum</p>
        <div class="comment_body">
          <p>laudantium enim quasi est quidem magnam voluptate ipsam eos</p>
          <p>tempora quo necessitatibus</p>
          <p>dolor quam autem quasi</p>
          <p>reiciendis et nam sapiente accusantium</p>
        </div>
        <button>Esconder comentário</button>
      </div>
      <div class="comment">
        <p class="comment_user">quo vero reiciendis velit similique earum</p>
        <div class="comment_body">
          <p>est natus enim nihil est dolore omnis voluptatem numquam</p>
          <p>et omnis occaecati quod ullam at</p>
          <p>voluptatem error expedita pariatur</p>
          <p>nihil sint nostrum voluptatem reiciendis et</p>
        </div>
        <button>Esconder comentário</button>
      </div>
    </div>
  </div>
</div>