JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<body>

<div class="container" >
        <section id="result-container">
            <div class="container">
                <div class="col-lg-12 col-md-12">
                    <section class="row">
                        <div class="col-lg-9 col-md-9">
                            <div class="row">
                              <div class="container">
                                <div class="row">
                                  <div class="col-lg-12 col-md-12">
                                    <div class="box col-md-2">
                                       Sample bit of text                         
                                    </div>                                       
                                    <div class="result-details title1 col-md-8">
                                      <div class="header-light title">
                                          <a id="X" href="http://www.google.com"> Like Text the quick brown fox jumped over the flat cat with the aplomb of a fit ferile dog like animal</a>                                                     </div>
                                        Description text this is lots of very very very interesting text text
                                    </div>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-lg-12 col-md-12">
                                    <div class="box col-md-2 hidden-xs col-lg-2 col-sm-2 hidden-xs">
                                       Sample bit of text with 2 rows             
                                    </div>                                            <div class="result-details title1 col-md-8">
                                      <div class="header-light title">
                                        <a id="X"...

CSS

.header-light {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}

#result-container .container {
    padding-top: 0.5em;
    padding-left: 0px;
    padding-right: 0px;
}

.title {
    line-height: 1em;
    font-size: 1.8em;
    padding-top: 0px;
    padding-bottom: 0px;
}

.result-details {
        margin-top: 0.2em;
        margin-bottom: 0.8em;
}

.title1{
	width:60.0000000000000%;	
}

.box {
	width: 15.666666666666664%;
	color: white;
    background-color: #333333;
    text-align: center;
    padding: 1.6em 0;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    padding-left: 1px;
}