Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Padding ,width, height,gap

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS

por Larissa Gabriela
| 24.3k xp | 4 posts

Estou com dúvidas no ajuste da pagina, (altura,largura, rodapé) Não consigo ajustar o "rodape" do Home, quando ajusto no home, altera no sobre mim e vice-versa. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

E no curriculo, não consigo ajustar o espaçamento entre as palavras. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Ja tentei corrigir mas infelizmente não consegui, e estou há um tempo para terminar este modulo então decidi pedir ajuda. Obrigada.

.cabecalho__cv {
    padding: 2% 0% 0% 15%; 
    
}

.cabecalho__menu__cv {
    display: flex;
    gap: 80px;

}
.cabecalho__menu__link__cv{
    font-family: var(--font-secundaria);
    font-size: 24px;
    text-decoration: none;
    font-weight: 600;
    color: var(--cor--terciaria);
}

.apresentacao__cv {
    padding: 5% 15% 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.border__img {
    border-radius: 15px;
    border: solid;    
    color: var(--cor--terciaria);
}

.apresentacao__conteudo__cv {
    width: 615px;
    display: flex;
    flex-direction: column;
    height: 462px;
    gap: 40px;
}

.apresentacao__conteudo__titulo__cv{
    font-size: 30px;
    font-family: var(--font-primaria);
}

.apresentacao__conteudo__texto__cv {
    font-size: 24px;
    font-family: var(--font-secundaria);
}

.apresentacao__conteudo__texto__cv a{
    text-decoration: none;
    color: var(--cor-secundaria);
    font-size: 24px;
    font-family: var(--font-secundaria);
}

.apresentacao__links__link__cv:hover {
    background-color: #272727;
    border: 1px solid var(--cor--terciaria);
}

.rodape__cv {
    color: var(--cor-primaria);
    background-color: var(--cor--terciaria);
    padding: 20px;
    text-align: center;
    font-family: var(--font-secundaria);
    font-weight:400;
    border-radius: 3px;
}
4 respostas
por Felipe Almeida
| 196.7k xp | 35 posts
Web Developer

Olá, Larissa!

Gostaria de ter acesso ao seu código para te ajudar! Agradeço!

por Emanuel Syngles Leal Viveiros
| 85k xp | 27 posts

Oi Larissa!

Pode compartilhar o código?

solução!
por Larissa Gabriela
| 24.3k xp | 4 posts

Criei um arquivo cv

*{ margin: 0; padding: 0; }

body{ box-sizing: border-box; background-color: var(--cor-primaria); color: var(--cor-secundaria); }

.cabecalho__cv { padding: 2% 0% 0% 15%;

}

.cabecalho__menu__cv { display: flex; gap: 80px;

} .cabecalho__menu__link__cv{ font-family: var(--font-secundaria); font-size: 24px; text-decoration: none; font-weight: 600; color: var(--cor--terciaria); }

.apresentacao__cv { padding: 5% 15% 30%; display: flex; align-items: center; justify-content: space-between; }

.border__img { border-radius: 15px; border: solid; color: var(--cor--terciaria); }

.apresentacao__conteudo__cv { width: 615px; display: flex; flex-direction: column; height: 462px; gap: 40px; }

.apresentacao__conteudo__titulo__cv{ font-size: 30px; font-family: var(--font-primaria); }

.apresentacao__conteudo__texto__cv { font-size: 24px; font-family: var(--font-secundaria); }

.apresentacao__conteudo__texto__cv a{ text-decoration: none; color: var(--cor-secundaria); font-size: 24px; font-family: var(--font-secundaria); }

.apresentacao__links__link__cv:hover { background-color: #272727; border: 1px solid var(--cor--terciaria); }

.rodape__cv { color: var(--cor-primaria); background-color: var(--cor--terciaria); padding: 20px; text-align: center; font-family: var(--font-secundaria); font-weight:400; border-radius: 3px;

por Larissa Gabriela
| 24.3k xp | 4 posts

Criei um arquivo CV

*{
    margin: 0;
    padding: 0;
}

body{
    box-sizing: border-box;
    background-color: var(--cor-primaria);
    color: var(--cor-secundaria);
}

.cabecalho__cv {
    padding: 2% 0% 0% 15%; 
    
}

.cabecalho__menu__cv {
    display: flex;
    gap: 80px;

}
.cabecalho__menu__link__cv{
    font-family: var(--font-secundaria);
    font-size: 24px;
    text-decoration: none;
    font-weight: 600;
    color: var(--cor--terciaria);
}

.apresentacao__cv {
    padding: 5% 15% 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.border__img {
    border-radius: 15px;
    border: solid;    
    color: var(--cor--terciaria);
}

.apresentacao__conteudo__cv {
    width: 615px;
    display: flex;
    flex-direction: column;
    height: 462px;
    gap: 40px;
}

.apresentacao__conteudo__titulo__cv{
    font-size: 30px;
    font-family: var(--font-primaria);
}

.apresentacao__conteudo__texto__cv {
    font-size: 24px;
    font-family: var(--font-secundaria);
}

.apresentacao__conteudo__texto__cv a{
    text-decoration: none;
    color: var(--cor-secundaria);
    font-size: 24px;
    font-family: var(--font-secundaria);
}

.apresentacao__links__link__cv:hover {
    background-color: #272727;
    border: 1px solid var(--cor--terciaria);
}

.rodape__cv {
    color: var(--cor-primaria);
    background-color: var(--cor--terciaria);
    padding: 20px;
    text-align: center;
    font-family: var(--font-secundaria);
    font-weight:400;
    border-radius: 3px;
}