JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="box">
  <div class="smiley">😊</div>
  <div>
    <h1>Lorem ipsum dolor.</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit placeat distinctio modi dolore voluptatum itaque, laudantium. Dolorum eos magni consequuntur voluptate vel, voluptas, perspiciatis sint.</p>
  </div>
</div>

SCSS

.box {
  display: grid;
  
  & > div {
    grid-row: 1;
    grid-column: 1;
    align-self: center;
    justify-self: center;
  }
  
  .smiley {
    font-size: 5em;
    opacity: .125;
  }
}