2
respostas

Bug no firefox

Estou tendo um problema com o rodapé no firefox. O comportamento na parte dos patrocinadores está estranho. Conferi o código e até baixei os exercícios completos da aula 5, pra ter certeza que não fiz algo errado, mas o problema permanece. No Chrome ou Opera funciona normalmente.

O que está acontecendo é que quando eu estou num tamanho de tela menor, ou seja usando o layout mobile, o firefox está aplicando o space between como se fosse o layout descktop, e por isso o conteudo está passando da tela e gerando uma barra de rolagem horizontal.

O que fazer pra funcionar no firefox? no Chrome isso não acontece.

2 respostas

Oi Anderson tudo bem?

Eu isolei o erro mas não consegui consertar, o erro está aparecendo nessa classe

.rodapePrincipal-patrocinadores-list {

    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 70%;
    margin-right: 5%;

}

no elemento


<ul class="rodapePrincipal-patrocinadores-list">
                    <li>
                        <a class="rodapePrincipal-patrocinadores-list-link patrocinadores-list-link-alura" href="#">
                            <img src="img/logos/alura.svg" alt="Logo da Alura">
                        </a>
                    </li>
                    <li>
                        <a class="rodapePrincipal-patrocinadores-list-link patrocinadores-list-link-caelum" href="#">
                            <img src="img/logos/caelum.svg" alt="Logo da Caelum">
                        </a>
                    </li>
                    <li>
                        <a class="rodapePrincipal-patrocinadores-list-link patrocinadores-list-link-casaDoCodigo" href="#">
                            <img src="img/logos/cdc.svg" alt="Logo da Casa do Código">
                        </a>
                    </li>
                </ul>

O justify-content: space-around; está com comportamento diferente no Firefox do que no Chrome. Veja se consegue consertar mudando o html para justificar o conteúdo de outra forma sem ser usando o justify-content, senão conseguir me avisa e volto e tento quebrar mais a cabeça para consertar.

Infelizmente CSS é assim mesmo, um dia tá funcionando em um browser e depois quebra tudo kkkkk (Nem quero ver o que pode acontecer se tentarmos abrir em outros browsers #medo rsrs).

Hum, ok. vou tentar ver uma outra forma de fazer. Obrigado!