JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="panel panel-default panel-info">
<div class="panel-heading">Latest Run</div>
<div class="panel-body">
    <div class="testsuite testsuite-success col-md-2">
        <a data-toggle="collapse" href="#collapse1">
         <div class="testsuite-heading">Test Suite 1</div>
        </a>
        <div id="collapse1" class="testcase-container collapse">
            <div class="testcase testcase-success">&nbsp; dsfsdfsfsdf dsfsf lksdjfsdfs kljdsfjsdf dsflkjf </div>
            <div class="testcase testcase-success">&nbsp;</div>
            <div class="testcase testcase-success">&nbsp;</div>
            <div class="testcase testcase-success">&nbsp;</div>
            <div class="testcase testcase-success">&nbsp; sdfsd kljjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj</div>
        </div>
    </div>

    <div class="testsuite testsuite-success col-md-2">
                    <a data-toggle="collapse" href="#collapse2">
         <div class="testsuite-heading">Test Suite 2</div>
        </a>
        <div id="collapse2" class="testcase-container collapse">
            <div class="testcase testcase-success">&nbsp;</div>
            <div class="testcase testcase-success">&nbsp;</div>
            <div class="testcase testcase-success">&nbsp;</div>
            <div class="testcase testcase-success">&nbsp;</div>
            <div class="testcase testcase-success">&nbsp;</div>
        </div>
    </div>

    <div class="testsuite testsuite-success col-md-2">
                    <a data-toggle="collapse" href="#collapse3">
         <div class="testsuite-heading">Test Suite 3</div>
        </a>
        <div id="collapse3" class="testcase-container collapse">
            <div...

CSS

.testsuite{
    text-align:center;
    margin-bottom:10px;
}
.testsuite a{
    background-color:#D9EDF7;
    display:inline-block;
    border-radius:3px;
    padding:10px;
    
}
.testsuite a:hover{
    text-decoration:none;
}
@media  screen and (min-width: 320px) and (max-width:1000px) {
    
    .testsuite{width:20%;float:left;position:relative;}
            
}

@media  screen and (max-width: 600px){
    
     .testsuite{width:30%;float:left;position:relative;}
    
}


@media  screen and (max-width: 480px){
    
     .testsuite{width:50%;float:left;position:relative;}
    
}