Bi tablo oluşturdumda bu sağdaki boşlukları yok edemedim acaba ne yapabilirim? 2 sütun daha eklersem boşluk kapanıyor fakat 7 sütunla yapmak istiyorum. tablo basit tablo aslında fakat ben yeni uğraşmaya başladım. her sorunumda konu açarsam vay halimize
nereye sorsam bilemedim
<div class="container mt-5">
<div class="row">
<div class="col-md-12">
<div class="table-responsive table-bordered">
<table class="table">
<thead>
<tr>
<th colspan="8" class="text-center">Şampiyon Listesi</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Ahri.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Akali.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Alistar.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Amumu.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Anivia.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Annie.png" width="80" height="80" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Annie.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Annie.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Annie.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Annie.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Annie.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
<td><a href="#"><img src="img/Aatrox.png" width="80" height="80" alt=""></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>