JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div class="container">
    <div class="row">
        <div class="col-md-12">
             <div id="card3" class="card3">   
                .......          
             </div> 
            <div class="panel panel-default">  
                <div class="row">
                    <div class="col-md-6">
                        ......
                    </div>
                    <div class="col-md-6">
                        .......
                    </div>
                </div>
                <div class="wrong">
                X
                </div>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.container
{
  background:gray;
  padding: 20px;
 }
.col-md-12 {
    padding: 10px;
     
    background-color: #FFF;
    width: 97.5%;
    overflow-y: auto;
    border-radius: 4px;
    height: 12%;
    z-index: 1; 
    overflow: hidden;
    
}
.wrong
{
  float:right;
  top:0px;
  margin-top:-70px;
  cursor:pointer;
}