<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
body {
background-color: #ffffff;
}
.center {
flex-grow: 1;
background-color: #cccccc;
overflow: hidden;
text-align: center;
}
.flex {
flex-basis: 100%;
display: flex;
}
.flex div {
flex-basis: 150px;
height: 600px;
}
.flex div:first-child {
background-color: #1c87c9;
}
.flex div:last-child {
background-color: #de6502;
}
img {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<div class="flex">