A imagem mostra a pagina de roleta com o bloco de sinais e o iframe ocupando quase toda a largura da tela. O usuario quer que esses elementos tenham 10% de margem de cada lado no desktop.
Vejo que ja coloquei md:w-[80%] mas preciso verificar os componentes SignalDisplay e CasinoIframe - eles tem w-full dentro de divs que podem estar limitando. Deixa eu olhar esses componentes:
Entendi o problema. O container pai tem md:w-[80%] mas os elementos filhos tem w-full que faz eles ocuparem 100% do container. O problema e que a alteracao que fiz pode nao estar funcionando corretamente. Vou fazer uma abordagem diferente - usar padding lateral em porcentagem no desktop:
Alterei para usar md:px-[10%] que adiciona 10% de padding horizontal de cada lado no desktop. Isso garante que tanto o bloco de sinais quanto o iframe vao ter a margem que voce pediu, se adaptando a qualquer tamanho de monitor.
Pronto! Reduzi o padding lateral de 10% para 5% de cada lado no desktop. Agora o espaco entre os elementos e a parede vai ficar menor e mais proporcional.
