JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-12">
      <div class="card mt-5 mb-5">
        <div class="row align-items-center">
          <div class="col-4 p-4 bg-warning">
            <img src="https://yt3.ggpht.com/a-/AAuE7mDaIPSwLi2eUtSdUZ0Knhmpfg6vTCe09VKiLw=s900-mo-c-c0xffffffff-rj-k-no" class="img-fluid" alt="">
          </div>
          <div class="col-8 p-4">
            <h1>
            My title
            </h1>
            <p>some text</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid totam itaque tenetur cumque aperiam suscipit repellat officiis, laudantium quas ex iure. Expedita hic facere repudiandae quam sed provident, doloremque aliquid!</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-12">
      <div class="card mt-5 mb-5">
        <div class="row align-items-center">
          
          <div class="col-8 p-4">
            <h1>
            My title
            </h1>
            <p>some text</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid totam itaque tenetur cumque aperiam suscipit repellat officiis, laudantium quas ex iure. Expedita hic facere repudiandae quam sed provident, doloremque aliquid!</p>
          </div>
          <div class="col-4 p-4 bg-warning">
            <img src="https://yt3.ggpht.com/a-/AAuE7mDaIPSwLi2eUtSdUZ0Knhmpfg6vTCe09VKiLw=s900-mo-c-c0xffffffff-rj-k-no" class="img-fluid" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>