1
resposta

Dúvidas no footer

Olá boa noite, então eu consegui montar direitinho o footer porém está faltando apenas 1 detalhe como eu poderia fazer o footer ocupar as 2 colunas do grid-template do body? eu tentei criar uma 3ª coluna desse jeito:

"footer footer" e depois passando:

footer{
grid-area:footer
}

porém so consegui posicionar o footer desse jeito:

body {
position:relative
}

.rodape {
 position: absolute;
 bottom: 0;
 width: 100%;
}

Como eu poderia fazer com o grid isso? E uma última questão é que as barrinhas brancas não aparecem no código disponibilizado.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Não tenho muita experiência com Grid mas acho que

Para fazer o footer ocupar as duas colunas do grid-template do body, você precisa definir a propriedade grid-column do elemento footer para que ele comece na primeira coluna e termine na última coluna. Você pode fazer isso utilizando o valor 1 / -1 para grid-column:

footer {
  grid-column: 1 / -1;
}

Esse código faz com que o elemento footer comece na primeira coluna e termine na última coluna do grid.

Quanto à questão das barrinhas brancas que não aparecem, pode ser um problema de caminho da imagem no código ou de falta de declaração de background-size para a imagem.

Espero ter ajudado!

Talvez não faça muito sentido pra este projeto mas tenta aí