Observem a imagem;
Vocês podem perceber que a resolução fica do jeito que eu quero com ela está pequena porém ela estoura quando fica com uma resolução maior.
Como eu poderia corrigir isso?
aqui está o código HTML
<!--INICIO DO CONTEUDO-->
<section class="content-header">
<h1>Lista de Restaurantes</h1>
</section>
<section class="content">
<section class="invoice">
<form >
<div class="col-lg-12" >
<table class="table table-hover">
<thead class="thead-default">
<tr>
<th>Nome</th>
<th>Ano</th>
<th>Ação</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let restaurant of restaurants">
<td>{{ restaurant.name }}</td>
<td>{{ restaurant.category }}</td>
<td>
botão
</td>
</tr>
</tbody>
</table>
</div>
</form>
</section>
</section>
<!-- FIM DO CONTEUDO-->
https://convertio.co/pt/mp4-gif/
kkkkkkcol-lg-12
admin-lte