JSFiddle - React, Tailwind, and code Playground

by Allie Yu

HTML

<div class="page">
	<section class="cards">
  	<div class="card">
      <h2>Title</h2><br/><br/>
      <article><p>Content</p></article><br/>
      <a href="#">Link</a>
  	</div>
  	<div class="card">
      <h2>Title</h2><br/><br/>
      <article><p>Content</p></article><br/>
      <a href="#" >Link</a>
  	</div>
  </section>
</div>

CSS

.cards{
	width:150px;
  height:100px;
	display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:.5rem 1rem
}

.card{
	border: 1px solid black;
}