JSFiddle - React, Tailwind, and code Playground

by polaszk

HTML

<div class="flex1">
  <div>
    logo
  </div>
  <nav>
    <a>link</a>
    <a>link</a>
    <a>link</a>
  </nav>
</div>
<div class="flex2">
  <div><p>napis</p></div>
  <p>napis</p>
  <button>kliknij!</button>
</div>

CSS

.flex1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
 }
 
 .flex2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 100px auto;
 }