<article>
  <h3>
    Headline 1
  </h3>
  <p>
    Lorem ipsum dolor sit amet.
  </p>
</article>

<article>
  <h3>
    Headline 2
  </h3>
  <p>
    Ut enim ad minim veniam, quis nostrud exercitation.
  </p>
</article>

<article>
  <h3>
    Headline 3
  </h3>
  <p>
    Est ex exercitium beneficium, et sic quod inde animorum impetus excitetur ad matrem suam.
  </p>
</article>

article {
  margin-block: 2ch;
  padding: 2ch;
  background: white;
  border: 1px solid hsl(200 20% 75%);
}

h3 {
  margin-block-start: 0;
}

p {
  max-width: 30ch;
}

p:last-child {
  margin-block-end: 0;
}

html {
  block-size: 100%;
  inline-size: 100%;
}

body {
  min-block-size: 100%;
  min-inline-size: 100%;
  margin: 0;
  padding: 2ch;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  font-family: system-ui;
  font-size: 1.3rem;
  line-height: 1.5;
  background: hsl(200 20% 95%);
  color: hsl(200 30% 25%);
}