Olá;
Estou tendo um projeto do Técnico, e nele tem uma lista de jogos, quero fazer que quando passe o mouse por cima a imagem aumente, com isso tenho o seguinte:
foreach ($lista as $jogo){
echo ('
<div class="quad-Jogo box">
<img onmouseover="Aumenta(this)" onmouseout="Normaliza(this)" src="img/'.$jogo['imagem'].'" class="img-fluid" alt="...">
<a href="detalharesenha.php?cod='.$jogo['cod'].'">Veja mais</a>
</div>
');
}
echo ('
<script type="text/javascript">
function Aumenta(img){
img.style.width = "110%";
}
function Normaliza(img){
img.style.width = "100%";
}
</script>
');
Mas quando a imagem aumenta, o resto das outras imagens quebram, e ficam todas tortas. O que posso fazer para arrumar isso?