JSFiddle - React, Tailwind, and code Playground

by UI Designer

HTML

<div class="container">


<h1>Lorem ipsum dolor!</h1>

                        <div id="form-wrapper">
                            <form action="#" method="post">
                                <input type="text" name="fullname" placeholder="Jméno a příjmení" />
                                <input type="email" name="email" placeholder="E-mail" />
                                <input type="tel" name="tel" placeholder="Telefon" />
                                <input type="submit" value="ODESLAT" />
                            </form>
                        </div>
                        </div>

CSS

h1{ 
     text-transform:uppercase;
    margin: 0px 0px;
    font-size: 18px;
    text-align:center;
    letter-spacing:.8px;
       font-size:6.4vw; }
       .container{
          width: 80%;
           margin: 20px;
       }
div#form-wrapper {
  
    border: 1px solid black;
   box-sizing:border-box;
    font-size: 16px;
    padding:50px;
    background:#FFF;
     
    font-size: 2.5vw; 
}
div#form-wrapper input{
  display:block;
  margin:20px auto ;
  height:28px;
  border:1px solid #CCC;
  width:100%;
}