JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="module-menu">
  <div class="item">Blablabla</div>
  <div class="item">Blablabla</div>
  <div class="item">Blablabla</div>
  <div class="item">Blablabla</div>
</div>

CSS

*,
*:after,
*:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: 0;
}

/*стили выше добавлены только для этого примера, в реальном проекте используйте normilize.css\reset.css*/
.module-menu {
  display: flex;
  flex-direction: row;
}
.module-menu > .item {
  border: 1px solid #000000;
  flex-grow: 1;
  text-align: center;
}