Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Mão na Massa

Pode-se observar que o "padding" criou um envoltório que é editável por exemplo o background-color, mas a parte da "margin" não teve este efeito. Usou-se:

* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #000000;
  color: #f6f6f6;
}

.titulo-destaque {
  color: #22d4fd;
}

.texto-destaque {
  color: #edeff0;
  padding: 50px;
  margin: 20px;
  content: icon;
  background-color: blueviolet;
  font-size: 100%;
}

.titulo-blog {
  color: #ddf360;
}

.urgente {
  color: red;
}

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

1 resposta
solução!

Olá Fernanda, o padding da um espaçamento interno, como você observou, já o margin o espaçamento e externo, por isso o seu texto destaque ficou afastado da borda.

Caso queira entender mais um pouco eu posso ajudar.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software