JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<div id="page">
  <div id="nav">
    <div class="el-nav">
      one
    </div>
    <div class="el-nav">
      two
    </div>
  </div>
  <div class="el-content">
  The content of the main page, wider than the menu entries.
  </div>
</div>

CSS

#page {
  display: grid;
  grid-template-rows: auto auto;
}

#nav {
  display: flex;
  justify-content: start;
}

.el-nav {
  border-style: dashed;
  border-width: 2px;
}

.el-content {
  border-style: dotted;
  border-width: 2px;
  border-color: blue;
}