JSFiddle - React, Tailwind, and code Playground

by jonahe

HTML

<h1>
heading
</h1>


<div>
  <article>
    <h1>title</h1>
    <p>body</p>
  </article>
  <article>
    <h1>title</h1>
    <p>body</p>
  </article>
</div>

CSS

html {
  font-size: 1vw;
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 5rem;
}

div {
  background: teal;
  padding: 0;
  margin: 0;
}

article {
  display: inline-block;
  height: 30rem;
  width: 50vw;
  border: 1px solid red;
  box-sizing: border-box;
}