JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>VIORSDKA</title>
</head>
<body>
  <div class="login-form">
    <label for="login">Login: <input type="text" id="login"></label>
    <label for="password">Password: <input type="password" id="password"></label>
  </div>
  <div class="flex-wrapper">
    <div class="list">
    <h1>Моча съела говно</h2>
      <ul>
      <li><a href="#">nothing</a></li>
      <li><a href="#">nothing</a></li>
      <li><a href="#">nothing</a></li>
      <li><a href="#">nothing</a></li>
      </ul>
    </div>
    <div class="list-2">
    <h1>Говно выпило мочу</h1>
      <ul>
        <li>nothing</li>
        <li>nothing</li>
        <li>nothing</li>
        <li>nothing</li>
      </ul>
    </div>
   </div>
</body>
</html>

CSS

.login-form {
  border: 1px solid red;
  width: 240px;
  height: 180px;
  margin: 0 auto;
}

.login-form input {
  display: block;
}

.flex-wrapper {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
}

.list, .list-2 {
  border: 1px solid red;
  width: 320px;
}