JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav">
  <div class="nav-content">
    Lorem ipsum dolor blah blah blah
  </div>
</div>

SCSS

.nav {
  outline: 1px solid pink;
  
  &-content {
    outline: 1px dashed green;
    padding: 1em;
    
    transform: translateY(6.25em);
  }
}