Uitdaging: Toepassen van Relatieve Positionering
Opmerking
Elke uitdaging in deze cursus bevat een codevoorbeeld bestaande uit de bestanden
index.html
enindex.css
. Aangezien de cursus zich richt op het leren van CSS, wordt aanbevolen de uitdagingen op te lossen in het bestandindex.css
. Nadat een uitdaging is voltooid, klik op de knop "Run Code" om de live pagina te bekijken en te controleren of de uitdaging correct is opgelost.Daarnaast biedt elke uitdaging knoppen voor "Hint" en "Solution". Door op de knop "Hint" te klikken, worden hints getoond die relevant zijn voor de huidige taak, terwijl de knop "Solution" het codevoorbeeld met de juiste toepassing van CSS laat zien.
Taak
- Voeg
relative
positionering toe aan het tweede element met de classnaamitem
. - Verplaats het item
30px
naar beneden en50px
naar links.
index.html
index.css
- Omlaag verplaatsen door een positieve waarde voor de
top
-eigenschap in te stellen. - Naar links verplaatsen door een negatieve waarde voor de
left
-eigenschap in te stellen.
index.html
index.css
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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
Uitdaging: Toepassen van Relatieve Positionering
Veeg om het menu te tonen
Opmerking
Elke uitdaging in deze cursus bevat een codevoorbeeld bestaande uit de bestanden
index.html
enindex.css
. Aangezien de cursus zich richt op het leren van CSS, wordt aanbevolen de uitdagingen op te lossen in het bestandindex.css
. Nadat een uitdaging is voltooid, klik op de knop "Run Code" om de live pagina te bekijken en te controleren of de uitdaging correct is opgelost.Daarnaast biedt elke uitdaging knoppen voor "Hint" en "Solution". Door op de knop "Hint" te klikken, worden hints getoond die relevant zijn voor de huidige taak, terwijl de knop "Solution" het codevoorbeeld met de juiste toepassing van CSS laat zien.
Taak
- Voeg
relative
positionering toe aan het tweede element met de classnaamitem
. - Verplaats het item
30px
naar beneden en50px
naar links.
index.html
index.css
- Omlaag verplaatsen door een positieve waarde voor de
top
-eigenschap in te stellen. - Naar links verplaatsen door een negatieve waarde voor de
left
-eigenschap in te stellen.
index.html
index.css
Bedankt voor je feedback!