JSFiddle - React, Tailwind, and code Playground

by m v

HTML

<div class="blog-item">
    <div class="blog-item-image" style="background-image: url('');">
        <span><img src="" alt="">07-08-2014</span>
    </div>
    <article>
        <h2>Titel</h2>
        <p>Paragraph here...</p>

CSS

.blog-item {
    position: relative;
    width: 100%;
    padding: 55px 10%;
    background-color: #f6f6f6;
    min-height: 500px;
    overflow: hidden;
}
.blog-item .blog-item-image {
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    width: 535px;
    height: 385px;
    margin-right: 55px;
    margin-bottom: 44px;
    float: left;
}
.blog-item article h2 {
    color: #009640;
    font-font: DINCond-BlackAlternate;
    font-weight: bold;
    border-bottom: 2px solid #c8c7c7;
    padding-bottom: 10px;
    width: 42%;
}