Witam. Najprościej jak się da
<div class="container">
<div class="image"></div>
<div class="image2"></div>
<div class="image2"></div>
<div class="image"></div>
</div>
body{
background-color: black;
}
.container{
width: 80%;
margin: 0 auto;
text-align: center;
}
.image{
width: 57%;
height: 300px;
background-color: red;
display: inline-block;
margin: .5%;
}
.image2{
width: 40%;
height: 300px;
display: inline-block;
background-color: blue;
margin: .5%;
}
Wysokość jest na sztywno bo divy są puste ale gdy wstawisz obrazki trzeba zmienić na auto.