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><button class="but">Pusk</button></div>
</div>
</div>
</body>
</html>
CSS
.carton-box{
width: 100%; height: 800px;
justify-content: space-between;
background: #cc4637;
}
.tap {
text-align: center;
}
.textarea {
display: inline-block;
background: #f1f1f1;
}
.textarea textarea {
width: 594px !important; height: 216px !important;
}
.blocks {
display: inline-block;
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;
}