Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

duvida

Não estou conseguindo fazer o exercicio no console, pode me explicar com mais detalhes. Como começo? quando abro o console, clico no body e vou no element.style? é isso? e depois, faço oque? Ficou bem confuso esse exercicio para mim, podiam dar mais detalhes? :(

2 respostas
solução!

Oi eu fiz um passo a passo por imagens de como fazer o exercício proposto pelo professor.

https://postimg.cc/gallery/1f42yl9ym/

Qualquer dúvida posta o link da imagem e me pergunta. Mas o que eu fiz foi ir seguindo as instruções da resposta daquele exercício.

Oi lurian você precisara:

  • acessar o site da Alura no navegador
  • abrir o console do desenvolvedor
  • Na aba elements você seleciona a tag body
  • Clica com o botão direito sobre a tag e vai em Edit as HTML
  • Abaixo da tag body crie um elemento (div,span)
  • Insira o texto que aparecerá no modal entre as tags que você escolheu e clica fora da caixa para aplicar
  • Seleciona esse novo elemento primeiro a tag
  • Agora você precisara estilizar em Styles do lado direito
  • Adicione as regras:
width: 40%;
background-color: #FFF;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.75);
padding: 10% 3%;
text-align: center;
font-size: 2em;

Adicione uma a uma e vai vendo o resultado.

Espero ter ajudado e bons estudos.