JSFiddle - React, Tailwind, and code Playground

by yuliantoadi

HTML

<div class="grid_8 contentBox">
                            <div class="grid_5">
                                <div class="marg5">
                                    <span>456879 - 974485 Service Work Billy Jacks Big Electrical Systems Co.672 Waterfall Way, Bellingen, NSW</span>
                                </div>
                            </div>
                            <div class="grid_2">
                                <div class="marg5">
                                    10:30am
                                </div>
                            </div>
                            <div class="grid_1">
                                <div class="marg5">
                                    <a href="javascript:void(0)" class="btn arrow-r">test</a> 
                                </div>
                            </div>
                        </div>

CSS

.grid_8 {
    width:99%;
}
.grid_1 {
    width:11.5%;
}
.grid_2 {
    width:24%;
}
.grid_5 {
    width:61.5%;
}

.contentBox {
    margin-left:2%;
    color:#000000;
    background:grey;
}
[class^=grid_] {
    float:left;
    position:relative;
}