JSFiddle - React, Tailwind, and code Playground

HTML

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

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

  <body>
    <div class="carton-box">



      <div class="tap">
        <div class="blocks">
          <div><input type="text" placeholder="Имя" class="inf-bl"></div>
          <div><input type="text" placeholder="Фамилия" class="inf-bl"></div>
          <div><input type="text" placeholder="E-mail" class="inf-bl"></div>
          <div><input type="text" placeholder="Телефон" class="inf-bl"></div>
        </div>
        <div class="textarea">
          <textarea name="" id="" cols="30" rows="10" class="place"></textarea>
        </div>
        <div class="btn-block"><button class="but">Pusk</button></div>
      </div>
    </div>


  </body>

</html>

CSS

.carton-box {
  width: 100%;
  height: 800px;
  justify-content: space-between;
  background: #cc4637;
}

.tap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}

.textarea {
  display: inline-block;
  background: #f1f1f1;
}

.textarea textarea {
  width: 594px !important;
  height: 216px !important;
}

.blocks {
  display: inline-block;
  vertical-align: top;
  background: transparent !important;
  ;
}

.inf-bl {
  color: #e1e1e1;
  margin-top: 20px;
  background-color: transparent !important;
  border: none;
  border-bottom: 2px solid #e1e1e1;
}

.place {
  background-color: transparent !important;
}

.but {
  border: none;
  //float: right;
}
.btn-block {
  width: 100%;
  text-align: right;
}