JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
<div class="some">
  <div class="some__container">
    <div class="some__left">
      <i class="far fa-clock fa-3x"></i>
    </div>
    <div class="some__right">
      <div class="some__header">
        Lorem ipsum dolor sit amet
      </div>
      <div class="some__main">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
      </div>
    </div>
  </div>
</div>

SCSS

.some {
  $parent: 'some';

  position: relative;
  
  &__container{
    padding: 30px 0;
    display: flex;
  }
  
  i {
    color: #f7833f;
  }
  
  &__left{
    margin-right: 50px;
  }
  
  &__right{
    display: flex;
    flex-direction: column;
    color: #657276;
    
    .#{$parent}__header{
      text-transform: uppercase;
      margin-bottom: 10px;
      font-weight: bold;
    }
  }
}