1
resposta

[Dúvida] quando escrevo display grid meu codigo quebra

HTML:

    <title>Tela inicial</title>
    
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width-divice-width, inicial-sclae=1">
    
    <link rel="stylesheet" href="../css/styles.css">
    
</heade>
<section class="container">
    

CSS:

*{ margin: 0%; padding: 0%; }

:root { --cor-letras: #FFFFFFFF; --cor-secundaria: #c0c0c0; --botoes: #167bf7; --cor-terciaria: #00030c; }

body{ background-color: var(--cor-terciaria); }

.principal{ color: var(--cor-letras); background-image: url("../img/teclado.jpg"); background-repeat: no-repeat; background-size: 50% 80% ; background-position: center;

}

.botão{ background-color: var(--botoes); border-radius: 5px; padding: 1em; color: var(--cor-letras);

} .botão_secundario{ background-color: transparent; border: 2px solid var(--cor-letras); }

Meu código está muito zoado, tentei ter alguma ajuda com chat gpt ou até o luri, mas nem um deles me entregou uma resposta que conseguisse deixar meu codigo com uma aparencia proxima do código da prof, queria saber o porque e como mudar isso.

1 resposta

Oi, Rafael. Tudo bem?

Estou aqui para ajudar, mas preciso de mais informações para entender sua dúvida.Siga as orientações do guia de como fazer uma boa pergunta no fórum e me retorne com mais informações do problema.

Aguardo seu retorno! Abraço.