1
resposta

[Projeto] resultado até o momento...

resultado da aula ><{}

Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.

O combo+ é a junção e o alura lingua Assine por 12x de R$ 120,00* Assinar somente o Alura+

*O preço pode variar caso a assinatura seja feita em outros planos.

CSS {}

:root{
--branco-principal: #FFFFFF;
--cinza-secundario: #C0C0C0;
--botao-azul: #167BF7;
--cor-de-fundo: #00030C;
--fonte-principal: "Inter";

}

body{
background-color: var(--cor-de-fundo);
color: var(--branco-principal);
font-family: var(--fonte-principal);
font-size: 16px;
font-weight: 400;
}
*{
margin: 0%
pagging: 0;

}
.principal{
background-image: url("img/Background.png");
background-repeat: no-repeat;
background-size: contain;
font-family: sans-serif;
}

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

.container__botao{
background-color: var(--botao-azul);
border-radius: 5px;
padding: 1em;
color: var(--branco-principal);
display: block;
text-decoration: none;
}

.botao_secundario{
background-color: transparent;
border: 2px solid var(--branco-principal);
text-decoration: none;
}

.container__aviso{
font-size: 12PX;
color: var(--cinza-secundario);

}

.container__titulo{
font-size: 28px;
font-weight: 700;
}

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta

Olá Jhonatan.
Obrigado por compartilhar seu css com a gente.
Há um erro de ortografia nesta parte: trocou padding por pagging.

*{
margin: 0%
pagging: 0; // o correto é padding
}

Uma sugestão seria envolver todo seu css dentro das crases triplas para uma melhor visualização :

// codigo aqui...

E ajustar o texto e imagem no topo do post.
Comente ai alguma duvida.
Bons estudos.