[Dúvida] grid-template-columns não funciona | HTML e CSS: praticando HTML/CSS

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Mirella Favaretto

| 60.3k xp | 10 posts

Testei no container como é feito no vídeo, e também testei dando uma classe pra div dentro da section

Mesmo assim não pegou. Alguma dica?

.principal { background-image: url(/imgs/Background.png); background-repeat: no-repeat; background-size: contain;

}

.container { height: 100vh; grid-template-columns: 50% 50%;

}

.container_botao { background-color: var(--primary); border-radius: 8px ; padding: 16px ; display: block; }

1 resposta

solução!

por Matheus Gonzales de Oliveira

| 293.1k xp | 151 posts

19/01/2023

Oi Tamires, tudo bem?

Faltou criar a propriedade display: grid; no seu container.

.container { 

    display: grid;
    height: 100vh; 
    grid-template-columns: 50% 50%;

}