I'm trying to create a collage of images using Bootstrap 5, but I can't figure out how to make elements span multiple rows. Here's the layout I want to achieve:
https://i.sstatic.net/JjnF0.png
(guess I don't have a good reputation yet...)
Here is the code I currently have:
<div class="container">
<div class="row">
<div>
<img src="flowers.jpg" alt="placeholder">
</div>
<div>
<img src="flowers.jpg" alt="placeholder">
</div>
<div>
<img src="flowers.jpg" alt="placeholder">
</div>
</div>
<div>
<img src="flowers.jpg" alt="placeholder">
</div>
<div>
<img src="flowers.jpg" alt="placeholder">
</div>
</div>
I've structured it like a grid, but I'm struggling to make certain elements span across multiple rows instead of columns. How can I achieve this?