JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
  <div id="menu">
    Menu div
  </div>
  <div id="find">
    Find div
  </div>
</div>

CSS

#main {
      min-height: 50vh;
      display: flex;
      justify-content: center;
      justify-content: center;
      border: 1px solid green;
    }
    
    #menu {
      padding: 20px 0px;
      font-size: 1em;
      width: 100% border: 1px red solid;
    }
    
    #find {
      width: 310px;
      min-height: 320px;
      position: relative;
      border: 1px solid orange;
    }