JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <div class="container">
    <div class="logo"></div>
    <div class="row1"></div>
    <div class="row2"></div>
  </div>
 </div>

SASS

.block
  width: 500px
  height: 150px
  margin: auto
  background-color: blue
 
.container
   display: flex
   flex-wrap: wrap
   justify-content: space-between
   align-items: space-between
   width: 400px
   height: 50px
   margin: auto
   background-color: yellow
  
.logo
   width: 100px
   height: 50px
   background-color: red
   
.row1
  width: 200px
  height: 17px
  background-color: red
  
.row2
  width: 200px
  height: 17px
  background-color: red