Is there a way to create space between the four divs in the image below?
https://i.sstatic.net/xHzbF.png
As shown in the image, there are four divs aligned next to each other.
The code for each individual div is:
<div class="col-lg-3 col-md-4 col-sm-6 mb-5 text-center">....</div>
The parent for these divs is:
<div class="d-flex row mx-auto" style={{ justifyContent: "space-around",alignContent:'center' }}>
....
</div>
The full structure is:
<div className="container mt-5 mb-5">
<div class="d-flex row mx-auto" style={{ justifyContent: "space-around",alignContent:'center' }}>
<div class="col-lg-3 col-md-4 col-sm-6 mb-5 text-center">
....
....
</div>
</div>
</div>