Здравейте,

В момента правя новинарски сайт (за футбол) и е почти готов. 100% responsive е. За navbar използвам таблица (главните отбори от Англия, Италия... само логото им). Отборите са 20 и с помощта на таблицата са разделени на равни разстояния... само че не е responsive и виждам, че таблиците не са направени да са. Ако ги сложа в нормален navbar не се подреждат... Въпроса ми е какво да сложа и дали има въобще, в  css, за да са отборите на равни разстояния? Търсих в гугъл ама не намерих.. 

<table style="width:100%">
					<tr>

						<td><a href="liverpool.html"><img src="teams/liverpool.png" style= width:27px; heigth: 3px";</a></td>
						<td><a href="man city.html"><img src="teams/man city.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="tottenham.html"><img src="teams/tottenham.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="man utd.html"><img src="teams/man utd.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="chelsea.html"><img src="teams/chelsea.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="arsenal.html"><img src="teams/arsenal.png" style= width:27px; heigth: 3px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="barca.html"><img src="teams/barca.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="real.html"><img src="teams/real.png" style= width:25px; heigth: 3px";></a> </td>
						<td><a href="atletiko.html"><img src="teams/atletiko.png" style= width:25px; heigth: 3px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="juventus.html"><img src="teams/juve.png" style= width:20px; heigth: 3px";></a> </td>
						<td><a href="napoli.html"><img src="teams/napoli.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="inter.html"><img src="teams/inter.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="roma.html"><img src="teams/roma.png" style= width:27px; heigth: 3px";></a> </td>
						<td><a href="lazio.html"><img src="teams/lazio.png" style= width:35px; heigth: 7px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="bayern.html"><img src="teams/bayern munchen.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="bvb09.html"><img src="teams/bvb09.png" style= width:30px; heigth: 5px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="psg.html"><img src="teams/psg.png" style= width:30px; heigth: 5px";></a> </td>
						<td><i class="fas fa-align-justify"></i>
						<td><a href="ludogorec.html"><img src="teams/ludogorec.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="cska.html"><img src="teams/cska sofia.png" style= width:30px; heigth: 5px";></a> </td>
						<td><a href="levski.html"><img src="teams/levski.png" style= width:30px; heigth: 5px";></a> <td>

</tr>
</table>

 

Бих пробвал с flexbox.

много благодаря, как не се сетих....