Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Personalizando pagina com css

Site sobre suco de maçã

Vou mandar so o print do ultimo excercicio com button, footer e o link clicavel. Sempre importante fazer os exercicios. Da uma pratica boa. Nunca tinha feito um footer antes (ele nao ficou no tamanho que eu queria, mas rolou) Ja alterei de tudo, mas ainda não vejo onde estou errando, sera que posso ter alguma ajuda sobre isso? Como faço para deixar o footer menor?

body {
    background-color: rgba(245, 233, 229, 0.652);
    color: rgba(246, 3, 44, 0.905);
    border: 5px solid rgba(135, 3, 30, 0.905);
    font-family: 'Times New Roman', Times, serif;
    p {
        font-size: 20px;
        line-height: 1.5;
        color: rgb(134, 16, 16);
    }
    a {
        color: rgb(173, 100, 115);
        text-decoration: none;
    }
    footer {
        text-align: center;
        font-size: 12px;
        background-color: rgba(231, 48, 85, 0.465);
        color: rgb(135, 3, 30);
        margin-top: 14px;
    }
    button {
        background-color: rgb(158, 10, 40);
        color: white;
        border: none;
        padding: 10px 20px;
        cursor: pointer;

    button:hover {
        background-color: rgba(231, 48, 85, 0.465);
    }
    }
1 resposta
solução!

Oi! Tudo bem?

Parabéns pela conquista, ficou ótimo de primeira. Pelo código que você compartilhou, o seu problema com o tamanho do footer provavelmente está acontecendo porque você não definiu uma altura ( height ) para ele. Por padrão, o footer (como outros elementos de bloco) ocupa o espaço necessário para o seu conteúdo.

Para deixá-lo menor, você pode adicionar a propriedade height no seu CSS. Veja como:

footer {
    text-align: center;
    font-size: 12px;
    background-color: rgba(231, 48, 85, 0.465);
    color: rgb(135, 3, 30);
    margin-top: 14px;
    height: 50px; /* <--- Adicione esta linha com o valor desejado */
}

Experimente diferentes valores para o height (por exemplo, 30px, 40px, 50px) até encontrar o tamanho que mais te agrada.

Espero ter ajudado! Bons estudos e continue praticando, é assim que a gente aprende!

Espero ter ajudado! Bons estudos!

Sucesso

Imagem da comunidade