Desafio: Aplicar Posicionamento Relativo
Nota
Cada desafio neste curso inclui um exemplo de código composto pelos arquivos
index.html
eindex.css
. Como o curso foca no aprendizado de CSS, recomenda-se resolver os desafios no arquivoindex.css
. Após concluir um desafio, clique no botão "Executar Código" para visualizar a página ao vivo e garantir que o desafio foi resolvido corretamente.Além disso, cada desafio oferece os botões "Dica" e "Solução". Ao clicar no botão "Dica", serão exibidas dicas relevantes para a tarefa atual, enquanto o botão "Solução" revelará o exemplo de código com a aplicação correta do CSS.
Tarefa
- Adicionar posicionamento
relative
ao segundo elemento com o nome de classeitem
. - Mover o item
30px
para baixo e50px
para a esquerda.
index.html
index.css
- Mover para baixo definindo um valor positivo para a propriedade
top
. - Mover para a esquerda definindo um valor negativo para a propriedade
left
.
index.html
index.css
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
How do I select the second element with the `item` class in CSS?
Can you explain how `position: relative` works in this context?
What values should I use for the `top` and `left` properties to achieve the required movement?
Awesome!
Completion rate improved to 2.04
Desafio: Aplicar Posicionamento Relativo
Deslize para mostrar o menu
Nota
Cada desafio neste curso inclui um exemplo de código composto pelos arquivos
index.html
eindex.css
. Como o curso foca no aprendizado de CSS, recomenda-se resolver os desafios no arquivoindex.css
. Após concluir um desafio, clique no botão "Executar Código" para visualizar a página ao vivo e garantir que o desafio foi resolvido corretamente.Além disso, cada desafio oferece os botões "Dica" e "Solução". Ao clicar no botão "Dica", serão exibidas dicas relevantes para a tarefa atual, enquanto o botão "Solução" revelará o exemplo de código com a aplicação correta do CSS.
Tarefa
- Adicionar posicionamento
relative
ao segundo elemento com o nome de classeitem
. - Mover o item
30px
para baixo e50px
para a esquerda.
index.html
index.css
- Mover para baixo definindo um valor positivo para a propriedade
top
. - Mover para a esquerda definindo um valor negativo para a propriedade
left
.
index.html
index.css
Obrigado pelo seu feedback!