JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="review">
  <div class="reviews__photo"></div>
  <div class="reviews__content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, animi, quas. Voluptatem, dolore laudantium nostrum veritatis, aliquam ut non officia modi sunt rerum, aperiam debitis, repudiandae quod. Rem, eligendi, iure!</p>
  </div>
</div>

SCSS

* {
  box-sizing: border-box;
}

body {
  padding: 10% 5%;
}

.review {
  display: flex;

  .reviews__photo {
    width: 50%;
    height: 100px;
    position: relative;
    background: #ccc;
  }

  .reviews__content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
  }
}