Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Botões dos "planos" ficaram fora de posição.

Referente ao curso Layouts Responsivos: trabalhando com layouts mobile

por Fabio Ingenito
| 716.8k xp | 1029 posts
Analista de Sistemas e Programador

Tive algum problema com o botão dos "planos":

Botões dos Planos ficaram tortos

O arquivo "planos.css" já estava na lista:

.cartao__botao {
    font-size: 1.2rem;
    font-weight: 700;

    width: 100%;

    align-self: center;

    padding: .75rem 2rem;

    margin-top: 1rem;
    margin-bottom: 1rem;
}

Se trocar a "width: 100%;" para "width: auto;" aparenta corrigir o problema, está certo isto?

Obrigado

Fabio I.

1 resposta
solução!
por Ially Fabiane Da Silva
| 337.5k xp | 206 posts

Olá Fábio, o navegador irá calcular e selecionar a largura para o elemento especificado se você utilizar width: auto;. Se você usar width:100%; o elemento será especificado como porcentagem da largura do bloco contido. Se a largura do bloco contido depender da largura do elemento, o layout resultante é indefinido. No caso, acho que se corrigir o seu problema, pode sim utilizar a propriedade width com o valor auto. Espero ter ajudado, bons estudos!