JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

HTML

<div id="testamonials-home" class="cf">
    <div class="testamonials">
        <span class="name-info"><span class="dark">Mary K.</span> from New York, NY</span>
        <div class="star-rating star-5"></div>
        <span class="testamonials-content">
            Spacemaids™ house cleaners are very reliable. I really like that they do confirmation calls. I can be a bit forgetful and getting that reminder call that the maids are coming two days prior is a huge help!
        </span>
    </div>
    <div class="write-review">
        <span> Current or past Spacemaids customer?<br/> <b>Share your expereince with us!</b></span>
        <a href="/boom/" class="review-btn btn">Write a Review</a>
</div>

CSS

body{
    background:#ECE8E1;
    font-family: arial, "sans-serif";
    font-size:16px;
}

    #testamonials-home{
        display:block;
        width:920px;
        background:#fff;
        padding:20px 0px;
    }
        .testamonials{
            display:block;
            width:540px;
            padding:20px 19px 20px 0px;
            border-right:1px solid #ccc;
            float:left;
        }
            .name-info{
                color:#999;
            }
                .name-info span.dark{
                    color:#333
                }
            .star-rating{
                display:block;
                height:20px;
                margin:10px 0px;
                background:url("http://i.imgur.com/xIdfa.png") no-repeat left top;
            }
    div.write-review{
        display:block;
        width:340px;
        margin:20px 0px 0px 20px;
        float:left;
    }
        .btn{
            display:block;
            width:160px;
            height: 30px;
            padding: 0 8px;
            margin: 20px 0px 0px 0px;
            line-height: 30px;
            font-size: 11px;
            font-weight: bold;
            text-decoration:none;
            text-align: center;
            white-space: nowrap;
            color: #444;
            border: 1px solid gainsboro;
            border: 1px solid rgba(0, 0, 0, 0.1);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background-color: whiteSmoke;
            background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
            background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
            background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
            background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
            background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
        }
        .btn:hover{
            border: 1px solid gainsboro;
            border: 1px solid...