Quado eu aument o width do ( .lista-menu{} ) ele aumenta o tamanho da pagina toda | HTML e CSS: responsividade com mobile-first

Bom dia Amigo !!! Eu odiava quando acontecia isso !! Tenta arrumar com o :

overflow: hidden;

overflow: hidden é uma propriedade CSS que controla o comportamento de um elemento em relação ao conteúdo que transborda ou ultrapassa suas dimensões definidas.

Quando um elemento tem overflow: hidden, todo o conteúdo que exceder suas dimensões será recortado e não será exibido. Isso pode ser útil quando se deseja ocultar partes do conteúdo que não se encaixam no layout ou para limitar a exibição de determinadas partes de um elemento, como uma imagem, por exemplo.

Por exemplo, se tivermos um elemento

com uma largura de 200px e uma altura de 100px, e dentro deste elemento, temos um conteúdo que ultrapassa as dimensões definidas, como uma imagem com largura de 300px e altura de 200px, podemos utilizar a propriedade overflow: hidden para recortar a parte da imagem que ultrapassa as dimensões da

e exibir somente a parte visível da imagem.