Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="page-content.css" />
    <title>Document</title>
  </head>
  <body>
    <section>
      <article>
        <header>
          <h1>Just Another Day</h1>
          <p class="small-text">Written by Christina on January 11th</p>
        </header>

        <p class="text">
          This is my second blog entry, and I just wanted to check in on you.
        </p>
      </article>
      <article>
        <header>
          <h1>My First Blog Entry</h1>
          <p class="small-text">Written by Christina on January 10th</p>
        </header>
        <p class="text">I’m so happy to write my first blog entry – yay!</p>
      </article>
    </section>
  </body>
</html>


body {
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
}

section {
    margin-left: 20px;
}

h1 {
    font-size: 28px;
}

.small-text {
    font-style: italic;
}

.text {
    font-size: 24px;
}