JSFiddle - React, Tailwind, and code Playground

by Kirill Belyaev

HTML

<div class="start">
<div class="bondinfo">
<div class="red"></div>
</div>
</div>

CSS

body {
margin: 0;
}

.start {
width: 100%;
height: 1000px;
padding: 0;
}

.bondinfo {
padding: 16px 2% 26px;
box-sizing: border-box;
border: 1px solid #DDD;
border-radius: 5px 0 0 5px;
height: 500px;
width: 33.33%;
margin: 20px -1px 0 2%;
float: right;
}

.red{
background-color: red;
width: 100%;
height: 100%;
}

@media screen and (max-width: 1600px) {
.bondinfo {
padding: 16px 20px 26px;
margin: 20px -1px 0 20px;
}