JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
<div id="resizable" class="ui-widget-content" style="background: #000; overflow:hidden; min-width: 25rem;    min-height: 11rem;">  

<div class="container"> 
<div class="Ruter_a2"> 
<div class="Ruter_a3"> Avganger fra </div>
<div class="Ruter_a4"> Trollveiskrysset </div>
</div>
<div class="Ruter_a5"> 
<div class="Ruter_a6"> Ruter  
<div class="Ruter_a6"><img src=""></div> </div>
<div class="Ruter_a4"> 12:40 </div>
</div>



<div class="Ruter_AB">

<div class="Ruter_AB2">
<div class="ruter_AA5">
<div class="Ruter_AA1"> 
<div class="Ruter_AAB">Linje</div>
<div class="Ruter_AAB2">Line</div>
</div>
<div class="Ruter_AA2"> 
<div class="Ruter_AAB">Destinasjon</div>
<div class="Ruter_AAB2">Destination</div>
</div>
<div class="Ruter_AA3">
<div class="Ruter_AAB">Tid</div>
<div class="Ruter_AAB2">Time</div>
</div>

<div class="Ruter_AA4"> 
<div class="Ruter_AAB">Pos</div>
<div class="Ruter_AAB2">Pos</div>
</div>
</div>
</div>


<div class="Ruter_AB1">
<div class="ruter_AA5">
<div class="Ruter_AA1"> 
<div class="Ruter_AAB1">56</div>
</div>
<div class="Ruter_AA2"> 
<div class="Ruter_AAB1">Solemskogen</div>
</div>
<div class="Ruter_AA3">
<div class="Ruter_AAB1">nå</div>
</div>
<div class="Ruter_AA4"> 
<div class="Ruter_AAB1">1</div>
</div>
</div>
</div>


<div class="Ruter_AB1">
<div class="ruter_AA5">
<div class="Ruter_AA1"> 
<div class="Ruter_AAB1">56</div>
</div>
<div class="Ruter_AA2"> 
<div class="Ruter_AAB1">Solemskogen</div>
</div>
<div class="Ruter_AA3">
<div class="Ruter_AAB1">nå</div>
</div>
<div class="Ruter_AA4"> 
<div class="Ruter_AAB1">1</div>
</div>
</div>
</div>


<div class="Ruter_AB1">
<div class="ruter_AA5">
<div class="Ruter_AA1"> 
<div class="Ruter_AAB1">56</div>
</div>
<div...

CSS

.Ruter_a1 {width: 100%; background:#000;height:6rem;}
.Ruter_a2 {float:left;width: 11rem; padding:1rem; background:#000;}
.Ruter_a3 {float:left;text-align:left;font-size: 1.2rem; color:#f6eb14; font-family: arial;}
.Ruter_a4 {Float:left;text-align:left;font-size: 1.6rem; color:#f6eb14; font-family: arial;}
.Ruter_a5 {float:right;width: 5rem;padding:1rem;background:#000;}
.Ruter_a6 {float:left;text-align:left;font-size: 1.2rem; color:#fff; font-family: arial;}

.Ruter_AA{width:10rem; float:left; color: #fff; font-family:arial;}

.Ruter_AB {width: 9%;display: table-cell;height: 3rem;min-width: 19rem;}

.Ruter_AA1{width:21%; float:left; color: #fff; font-family:arial; padding-left:1%;}
.Ruter_AA2{width:48%; float:left; color: #fff; font-family:arial;padding-left:1%;}
.Ruter_AA3{width:10%; float:left; color: #fff; font-family:arial;padding-left:1%;}
.Ruter_AA4{width:9%; float:left; color: #fff; font-family:arial;padding-left:1%; float:right;}

.Ruter_AA5{width:100%; height:1rem;}
.Ruter_AAB2 {float:left; width: 100%; color:#f6eb14; font-size:0.9rem;}
.Ruter_AAB1 {
    float: left;
    width: 100%;
    color: #f6eb14;
    font-size: 1.3rem;
}
.Ruter_AAB {float:left; width: 100%; color:#fff;}

.Ruter_AB1 {width: 100%;background: #444;display: table-cell;height: 3rem;padding-top: 1rem;min-width: 14rem; float:left; border-bottom: 2px solid #999;}
.Ruter_AB2 {width: 100%;background: #000;display: table-cell;height: 3rem;padding-top: 1.2rem;min-width: 14rem; float:left; border-bottom: 1px solid #fff;}

JavaScript

$(function() {
    $( "#resizable" ).resizable();
  });