Olá, estou tentando alinhar cards lado a lado dentro de uma div porém quando coloco mais de um card, acaba descendo e não fica alinhado conforme eu quero. Segue código
<div class="row">
<div class="col-lg-2 mb-4">
<div class="list-group" id="minhaLista" role="tablist">
<a class="list-group-item list-group-item-action" data-toggle="list" href="#chery" role="tab">Chery</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#chevrolet" role="tab">Chevrolet</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#citroen" role="tab">Citroen</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#fiat" role="tab">Fiat</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#ford" role="tab">Ford</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#honda" role="tab">Honda</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#hyundai" role="tab">Hyundai</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#jac" role="tab">Jac Motors</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#jeep" role="tab">Jeep</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#kia" role="tab">Kia</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#nissan" role="tab">Nissan</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#peugeot" role="tab">Peugeot</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#renault" role="tab">Renault</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#toyota" role="tab">Toyota</a>
<a class="list-group-item list-group-item-action" data-toggle="list" href="#volks" role="tab">Volkswagen</a>
</div>
<div class="tab-pane active" id="chery" role="tabpanel">
<h3 class="section-subtitle col-12 mb-5 text-center text">Protetor Linha Chery</h3>
<div class="col-lg-12 mb-6">
<div class="row">
<!--produto-->
<div class="col-lg-2 col-md-4 col-sm-1 ">
<div class="card h-100">
<img class="card-img-top" src="https://i.ibb.co/wW5c58Z/COBALT.jpg" alt="">
<div class="card-body">
<p class="card-title">Cod: GM2003</p>
<h6 class="">Mod: COBALT</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="chevrolet" role="tabpanel">CHEVROLET</div>
<div class="tab-pane" id="citroen" role="tabpanel">CITROEN</div>
<div class="tab-pane" id="fiat" role="tabpanel">FIAT</div>
<div class="tab-pane" id="ford" role="tabpanel">FORD</div>
<div class="tab-pane" id="honda" role="tabpanel">HONDA</div>
<div class="tab-pane" id="hyundai" role="tabpanel">HYUNDAI</div>
<div class="tab-pane" id="jac" role="tabpanel">JAC MOTORS</div>
<div class="tab-pane" id="jeep" role="tabpanel">JEEP</div>
<div class="tab-pane" id="kia" role="tabpanel">KIA</div>
<div class="tab-pane" id="nissan" role="tabpanel">NISSAN</div>
<div class="tab-pane" id="peugeot" role="tabpanel">PEUGEOT</div>
<div class="tab-pane" id="renault" role="tabpanel">RENAULT</div>
<div class="tab-pane" id="toyota" role="tabpanel">TOYOTA</div>
<div class="tab-pane" id="volks" role="tabpanel">VOLKSWAGEN</div>
</div>