Something strange is happening... I was trying to set up a webshop with 4 products in a single row while using Bootstrap 4.5, but encountered an issue: see image here
The image doesn't fit inside the boxes properly and there's too much space between them. How can I resize the boxes to be wider and reduce the spacing between them? Here is the code snippet:
<section>
<div class="container products">
<div class="row justify-content-center">
<div class="col-md-2 item">
<img src="/img/product.png" alt="product">
</div>
<div class="col-md-2 offset-md-1 item">
</div>
<div class="col-md-2 offset-md-1 item">
</div>
<div class="col-md-2 offset-md-1 item">
</div>
</div>
</div>
</section>