Entrar Ainda não tem acesso?
1
resposta

Rodapé aparecendo na terceira coluna.

Referente ao curso CSS Grid: simplificando layouts, no capítulo Definindo o layout base e atividade Definindo o layout base

por Ailton Gomes de Lima Sobrinho
| 18.2k xp | 1 posts

Olá, meu rodapé esta aparecendo na terceira coluna porem não coloquei isso no código somente adicionei aquilo que estava na aula.

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

CSS: .app { background: #f1f1f1; display: grid; font-family: Arial, Helvetica, sans-serif; grid-template-areas: "cabecalho" "conteudo" "Rodape"; grid-template-columns: auto; grid-template-rows: 50px 100vh auto ; }

.cabecalho { background: #00cc99; grid-area: cabecalho; }

.conteudo { background: #ff8080; grid-area: conteudo; }

.rodape { background: #0099ff; grid-area: rodape; }

HTML:

Cabecalho Conteudo Rodape

Obrigado.

1 resposta
por Anthoni
| 316.7k xp | 164 posts

teria como disponibilizar o código html e css para verificar