JSFiddle - React, Tailwind, and code Playground

by António Almeida

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="home container">
	<div class="col-9">
		<div class="ro">
			<div class="home-tile home-tile-01"></div>
			<div class="home-tile home-tile-02">
				<p>O Porto</p>
				<p>O PORTO é uma cidade fantástica para um CITY BREAK OU UM FIM-DE-SEMANA ROMÂNTICO, OU ATÉ PARA UMAS FÉRIAS MAIS PROLONGADAS OU UMA VIAGEM DE NEGÓCIOS.</p>
				<p>Ribeira Apartments está perto das principais atracções turísticas da cidade: a 50 metros do Palácio da Bolsa e a 100 metros da frente ribeirinha. As estações de comboio e de metro de São Bento estão a uma curta distância a pé, assim como as caves de Vinho do Porto, a torre dos Clérigos, a Avenida dos Aliados, o Mercado do Bolhão, a livraria Lello, a Sé Catedral e todas as principais igrejas e monumentos da cidade. Este é simplesmente um excelente local para ficar na cidade do Porto!</p>
			</div>
		</div>
		<div class="ro">
			<div class="home-tile home-tile-03"></div>
			<div class="home-tile home-tile-04"></div>
		</div>
	</div>
	<div class="col-3 home-tile-05">
	</div>
</div>

CSS

.home .ro {
	display: table;
	width: 100%;
}
.home .col-9 {
	width: 75%;
	display: table-cell;
}
.home .col-3 {
	width: 25%;
	display: table-cell;
}
.home-tile {
	min-height: 200px;
	background-size: cover;
	display: table-cell;
	border: 5px solid white;
}
.home-tile-01 {
	background-image: url('http://109.71.44.98/~casasdoporto/pt/images/cstm-bx1.jpg');
	width: 33%;
}
.home-tile-02 {
	width: 66%;
	padding: 10px;
}
.home-tile-03 {
	background-image: url('http://109.71.44.98/~casasdoporto/pt/images/cstm-bx2.jpg');
	width: 33%;
	height: 200px;
}
.home-tile-04 {
	background-image: url('http://109.71.44.98/~casasdoporto/pt/images/our5.jpg');
	width: 66%;
}
.home-tile-05 {
	background-image: url('http://109.71.44.98/~casasdoporto/pt/images/our3.jpg');
	width: 100%;
	height: 100%;
	border: 5px solid white;
}