JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="column1">
<img src="http://placehold.it/300x318">
</div>

<div class="column2">
<div class="row1">
<div class="text">
UNIKE GUSTAVIANSKE STILMØBLER.</div>
<div class="text">VI SELGER HÅNDVERK ETTER 1700-</div>
<div class="text">OG 1800-TALLS TRADISJONER.
</div>
</div>
<div class="row2"></div> 
<div class="row3">
<div class="text">Åpningstider:<br>
Man - Fre 11 -17     Lør 11- 15</div>
</div> 
</div>

<div class="column3">
<img src="http://placehold.it/300x318">
</div>
</div>

CSS

.container{ width:100%; display: flex;}

//.column1{ display: flex; }
.row1{ background-color: #fff; padding-top: 40px;}
.row1 .text{ font-size: 30px; text-align: center; line-height: 50px; font-weight: 300;}

//.column2{ display: flex; }
.row2{ height: 150px; background-color: #e4e8eb; }

//.column3{ display: flex; }
.row3{ background-color: #c7cacf; padding: 10px 0px;}
.row3 .text{ font-size: 25px; text-align: center; line-height: 25px; }