JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row row-spacer special-offers">

			<div class="column2 title">
				<h2>Offers</h2>
			</div>
			<div class="column3 offer padding">
				<div class="date">10. June</div>
				<h3>Høyer tømmer lageret!</h3>
			</div>
			<div class="column3 offer padding">
				<div class="date">10. June</div>
				<h3>Super salg hos Vivikes</h3>

			</div>
			<div class="column1 more">
				<div class="caret"></div>
				<a href="#">More offers</a>
			</div>
		</div>

CSS

#frontpage .special-offers .title, #frontpage .special-offers .offer, #frontpage .special-offers .more {
    height: 200px;
}
[class*="column"] {
    display: inline;
    float: left;
    margin: 0;
}
.column2 { width: 190px;}
.column3 { width: 285px;}

.offer { background-color: #ccc; }
.offer ~ .offer {background-color: transparent; }