Как уменьшить расстояние между карточками в bootstrap-5 с помощью CSS ⇐ CSS

[Гость]

как уменьшить расстояние между карточками в bootstrap-5 с помощью CSS. это HTML-код раздела карточек.

Код: Выделить всё

[img]images/network.png[/img]
[h4]Search Facilities[/h4]





[img]images/network.png[/img]

[h4]Blood[/h4]





[img]images/network.png[/img]

[h4]Donation[/h4]





[img]images/network.png[/img]

[h4]People Needs[/h4]





[img]images/network.png[/img]

[h4]Education[/h4]

here is CSS code:

Код: Выделить всё

#services{
padding: 80px 0;

}
.service-img{
width: 100px;
margin: top 20px;
}
.services-head{
color: #2596be;
padding-top: 10px;
font-family: "Exo", sans-serif;
}
.card{
text-align: center;
margin-top: 10px;
border-color: #2596be;
border-radius: 5px;
padding: 30px 0;
width: 150px;
height: 150px;
}
.card .card-title{
color: #2596be;
font-family: "Exo", sans-serif;
font-size: medium;
}
.service-list{
width: 70px;
margin-left: auto;
margin-right: auto;
display: block;
}

I have tried too much but unable to remove the spacing. enter image description here As you can see in image the space. The spacing between the cards is fix. I tried a lot to fix it but it could not.


Источник: https://stackoverflow.com/questions/781 ... -using-css