I have multiple rows of images set up like this:
<div class="row">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
</div>
Each image in the row has a unique width, and there are varying numbers of images on each row ranging from 4 to 6. I'm aiming to evenly space the images within the fixed 960px width of the row.
One approach would involve calculating the total empty space for each row and dividing it among the images as margin. However, I'm searching for a simpler solution that can be easily applied to all rows instead of having to come up with individual calculations and codes for each one.