Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Dúvida no Ex. 7 da Aula 6 - Gradientes

Olá,

Nesse exercício coloquei o mesmo css da resposta:

.rodape-pagina {
    color: #F2FFFC;
    padding: 1em;
    clear: both;
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;

    background-image: radial-gradient(ellipse at left bottom, 
        rgba(60, 29, 61, 0.8),
        rgba(60, 29, 61, 0.8) 65%,
        black 65%,
        black 70%,
        transparent 70%,
        transparent);
    background-size: 25% 100%;
    background-repeat: no-repeat;
}

E parece que o rodapé está 25% do tamanho da resposta.

Upei uma imagem nesse link http://s27.postimg.org/57nfb4z5f/rodape.png para demonstrar melhor meu resultado.

Se puderem ajudar agradeço.

5 respostas
solução!

Olá Tiago tudo bem?

Então, lendo seu código descobri que falta uma propriedade, o width passando 100%, como seu background-size está com 25% 100% e não temos o width como referência para que ele possa pegar 25% dos 100% temos este resultado, segue código ajustado para melhor visualização.

.rodape-pagina {
    color: #F2FFFC;
    padding: .5em;
    clear: both;
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    background-image: radial-gradient(ellipse at left bottom, 
        rgba(60, 29, 61, 0.8),
        rgba(60, 29, 61, 0.8) 65%,
        black 65%,
        black 70%,
        transparent 70%,
        transparent);
    background-size: 25% 100%;
    background-repeat: no-repeat;
}

Espero ter ajudado e bons estudos.

Atenciosamente,

Obrigado Renan. Acredito que deveriam retificar a resposta do exercício.

Tiago,

Está faltando um comando em seu css .

adicione o comando abaixo :

width:100%;

Espero ter ajudado .

Olá Tiago,

Por nada meu caro, sempre que precisar pode contar conosco, estamos dispostos a ajudar sempre da melhor forma e com maior prazer, quanto a sua observação, estarei tomando as devidas providencias para resolução,

Atenciosamente,

Olá Tiago tudo bem?

A sua observação foi analisada e a resposta do exercicio foi reajustada de acordo, muito obrigado pela atenção dispensada,

Atenciosamente,

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software