JSFiddle - React, Tailwind, and code Playground

by Joe Saad

HTML

<div class="product-listing">
  <div class="thumbnail">
    <img src="http://placehold.it/70x70" alt=""/>
  </div>
  <div class="desc">
    <div class="name">
      <a href="#">Product Name</a>
    </div>
    <div class="details">
      ratings are here
    </div>
  </div>
</div>

SCSS

.product-listing {
  .thumbnail, .desc {
    float: left;
  }
  .thumbnail {
    margin-right: 30px;
  }
}