JSFiddle - React, Tailwind, and code Playground

HTML

<div class="baris">
  <div class="kolom">
    <h3>Artikel 1</h3>
    <p>Lorem ipsum dolor site amet. Lorem amet sit dolor ipsum.</p>
  </div>
  <div class="kolom">
    <h3>Artikel 2</h3>
    <p>Lorem ipsum dolor site amet. Lorem amet sit dolor ipsum.</p>
  </div>
  <div class="kolom">
    <h3>Artikel 3</h3>
    <p>Lorem ipsum dolor site amet. Lorem amet sit dolor ipsum.</p>
  </div>
</div>

CSS

@import url('https://fonts.googleapis.com/css?family=Overpass');

body {
  font-family: 'Overpass', sans-serif;
}

p {
  font-size: calc(14/16 * 100%);
}

.baris {
  background-color: #2C3E50;
  padding: 1em;
  color: white;
  text-align: center;
}
.kolom {
  width: 33.33%;
  background-color: #34495E;
  height: 200px;
  display: inline-block;
  margin-left: -4px;
}