JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="styles.css">
  </head>


  <div class="container">
    <div class="seat-screen">Е К Р А Н</div>
    <div class="seat-container">
      <div class="seat" style="left: .5em; top: .5em"></div>
      <div class="seat" style="left: 3.5em; top: .5em"></div>
      <div class="seat" style="left: 6.5em; top: .5em"></div>
      <div class="seat" style="left: 20.5em; top: .5em"></div>
      <div class="seat" style="left: 23.5em; top: .5em"></div>
      <div class="seat" style="left: 26.5em; top: .5em"></div>

      <div class="seat" style="left: .5em; top: 4em"></div>
      <div class="seat" style="left: 3.5em; top: 4em"></div>
      <div class="seat" style="left: 6.5em; top: 4em"></div>
      <div class="seat" style="left: 10.5em; top: 4em"></div>
      <div class="seat" style="left: 13.5em; top: 4em"></div>
      <div class="seat" style="left: 16.5em; top: 4em"></div>
      <div class="seat" style="left: 20.5em; top: 4em"></div>
      <div class="seat" style="left: 23.5em; top: 4em"></div>
      <div class="seat" style="left: 26.5em; top: 4em"></div>

      <div class="seat seat-special" style="left: 4em; top: 9em"></div>
      <div class="seat seat-special" style="left: 10em; top: 9em"></div>
      <div class="seat seat-special" style="left: 15em; top: 9em"></div>
      <div class="seat seat-special" style="left: 21em; top: 9em"></div>
    </div>
  </div>

CSS

.container {
  margin: 25px;
  padding: 10px;
  border: 1px solid black;
  min-width: 35em;
  font-size: 2vw;  /* <--------------- 2/100 * view height */
}

.seat-screen {
  height: 25px;
  background-color: azure;
  color: cadetblue;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seat-container {
  border: 1px dashed black;
  margin: 0 auto;
  border-radius: 5px;
  position: relative;
  height: calc(20em - 25px);
  width: 30em;
}

.seat {
  border-radius: .3em;
  background-color: royalblue;
  width: 2em;
  height: 3em;
  position: absolute;
  cursor: pointer;
}

.seat-special {
  background-color: limegreen;
  width: 4em;
  height: 2.5em
}