<div class="container">
<img src="https://images.unsplash.com/photo-1595433707802-6b2626ef1c91?q=80&w=3700&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
<img src="https://images.unsplash.com/photo-1592194996308-7b43878e84a6?q=80&w=3987&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" />
<img src="https://images.unsplash.com/photo-1600489601447-81ce0b723d44?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxleHBsb3JlLWZlZWR8MTB8fHxlbnwwfHx8fHw%3D" />
</div>
.container {
display: flex;
width: 100%;
height: 400px;
}
img {
border: 2px solid darkblue;
flex: 1;
min-width: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.