JSFiddle - React, Tailwind, and code Playground

by oktaviardi pratama

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="row">
  <div class="col-md-8">
    <div class="row">
      <div class="col-6 col-md-6 mb-3">
        <img src="https://rumahdongengpelangi.com/wp-content/uploads/2019/03/dfc1-e1552411853231.jpg"
          class="w-100" />
      </div>
      <div class="col-6 col-md-6 mb-3">
        <img src="https://rumahdongengpelangi.com/wp-content/uploads/2019/03/dfc2-e1552411862923.jpg"
          class="w-100" />
      </div>
      <div class="col-6 col-md-6 mb-3">
        <img src="https://rumahdongengpelangi.com/wp-content/uploads/2019/03/dfc3-e1552411874143.jpg"
          class="w-100" />
      </div>
      <div class="col-6 col-md-6 mb-3">
        <img src="https://rumahdongengpelangi.com/wp-content/uploads/2019/03/dfc4-e1552411885697.jpg"
          class="w-100" />
      </div>
      <div class="col-6 col-md-6 mb-3">
        <img src="https://rumahdongengpelangi.com/wp-content/uploads/2019/03/dfc5-e1552411840541.jpg"
          class="w-100" />
      </div>
    </div>
  </div>

  <div class="col-md-4">
    
    <p>
    Beberapa kakak-kakak inspiratif akan mendongeng secara sukarela untuk adik-adik dengan kanker dan PAUD Prasejahtera.
    </p>

<p>
Dukung aksi baik mereka yuk!
Caranya :
</p>
<ol>
<li>Pilih kakak inspiratif yang akan kamu dukung</li>
<li>Isi formulir dibawah ini</li>
<li>Donasi minimal 50.000 rupiah</li>
<li>Lampirkan bukti pembayaran </li>
</ol>

<p>
Dengan berdonasi, kamu turut serta membantu mewujudkan mimpi anak-anak PAUD Prasejahtera untuk segera mempunyai taman baca dan panggung...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}