JSFiddle - React, Tailwind, and code Playground

HTML

<body>       
      <header class="intro-header"> 
                <a href=""><img src='imagen.png'></a>   
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                        <div class="page-heading">
                            
                        </div>
                    </div>
                </div>
            </div>
        </header>
       
        <div class="container" id="contbody">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">              
           <div id="divindex">
             <table>   
                        <td class="tdview"><div class="post-preview">            
                              <img src="imagen.jpg">
                        <a href="#" rel="bookmark" title="Permalink to Windows y las intranets">
                            <h2 class="post-title">
                                Windows y las intranets
                            </h2>
                        </a>
                        <img class="imgprev" src="icon.png"/>
                        <a id="aautor" href="#">Bloguero Invitado</a>
                        &nbsp;&nbsp;<img class="imgprev" src="calendar.png"/>
                        <span>Tue 06 June 2017</span>            
                             <p class="article-summary">
                                 Para nadie es un secreto que la tecnología en general ha venido dando pasos agigantados en su implementación y evolución. En relación...
                            </p>
                        <br /><br />
                        <div class="divread">
                        <a id="read-more" href="#">Seguir leyendo</a></div>     
                        </div></td>         
                        <td class="tdview"><div class="post-preview">            
                              <img src="#">
                        <a...

CSS

.intro-header {
        background-color: #808080;
        background: no-repeat center center;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        margin-bottom: 50px;
    }
    .container{
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    #contbody {
        margin-top: -26%;
    }
    #divindex {
        margin-right: -20%;
        margin-left: -20%;
    } 
    #divindex table {
        border-spacing: 30px;
    }
    .tdview {
        position: relative;
        width: 33.333333%;
    }