JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <form action="#" method="post">

                        <div class="vopros1">
                            <div class="number"><p>Блок № <span>1</span></p></div>
                            <div class="vopros" contenteditable="true">
                                <div class="placehold">
                                    Название
                                </div>
                            </div>
                            <div class="otvet1" contenteditable="true">
                                <div class="placehold">
                                    Ответ
                                </div>
                            </div>
                            <div class="newotvet">
                                <div class="placehold-otvet">
                                    Добавить новый вариант
                                </div>
                            </div>
                        </div>
                        <div class="new-vopros">
                            <div class="placehold-new-vopros">
                                Добавить ещё
                            </div>
                        </div>
                    </form>
                </div>

CSS

form{
	margin-bottom:50px;
}
.vopros1{
	background:#DDD7D7;
	margin-left:40px;
	margin-right:40px;
	border-radius:15px;
	font-family: OpenSans-Regular;
	height:100%;
	margin-bottom:50px;
	overflow:hidden;
}
.vopros1 p{
	font-size:18px;
	font-family: OpenSans-Bold;
	margin-left:30px;
}
.vopros1 span{
	font-size:18px;
	font-family: OpenSans-Bold;
}
.number{
	padding-top:25px;
	padding-bottom:25px;
}
.vopros{
	width:30%;
	margin-left:30px;
	min-height:110px;
	border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
	font-size:18px;
	padding:13px 15px;
	border-radius:10px;
	font-family: OpenSans-Regular;
	background:#fff;
	margin-bottom:25px;
	overflow:auto;
}
.placehold{
	color:#b7b7b7;
	font-family: OpenSans-Regular;
}
.otvet1{
	min-height:26px;
	background:#fff;
	margin:30px;
	width:380px;
	border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
	font-size:18px;
	padding:13px 15px;
	border-radius:10px;
	float:left;
}
.newotvet{
	height:50px;
	width:410px;
	font-size:18px;
	border-radius:10px;
	border:1px  #a1a1a0 dotted;
	vertical-align:top;
	float:left;
	margin:30px;
	cursor:pointer;
}
.placehold-otvet{
	width:300px;
	margin:11px auto;
	color:#343434;
	font-size:18px;
	font-family: OpenSans-Regular;
}
.new-vopros{
	height:130px;
	width:500px;
	margin:0 auto;
	border-radius:10px;
	border:1px  #a1a1a0 dotted;
	cursor:pointer;
	margin-bottom:80px;
}
.placehold-new-vopros{
	font-size:30px;
	font-family: OpenSans-Regular;
	margin:41px 85px;
}
.main{
	float:left;
}
.main-klava{
	float:right;
	width:100px;
	background:#B15254;
}
.content{
	overflow:auto;
	height:100%;
}