Challenge: Apply Relative Positioning
Note
Each challenge in this course includes a code sample consisting of
index.html
andindex.css
files. As the course focuses on learning CSS, it is recommended to address the challenges in theindex.css
file. Once a challenge is completed, click the "Run Code" button to view the live page and ensure the challenge was solved correctly.Moreover, each challenge provides "Hint" and "Solution" buttons. Clicking the "Hint" button will display hints relevant to the current task, while the "Solution" button will reveal the code sample with the correct application of CSS.
Task
- Add
relative
positioning to the second element with theitem
class name. - Move the item
30px
down and50px
left.
index.html
index.css
- Move down by setting a positive value for the
top
property. - Move left by setting a negative value for the
left
property.
index.html
index.css
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 2.04
Challenge: Apply Relative Positioning
Scorri per mostrare il menu
Note
Each challenge in this course includes a code sample consisting of
index.html
andindex.css
files. As the course focuses on learning CSS, it is recommended to address the challenges in theindex.css
file. Once a challenge is completed, click the "Run Code" button to view the live page and ensure the challenge was solved correctly.Moreover, each challenge provides "Hint" and "Solution" buttons. Clicking the "Hint" button will display hints relevant to the current task, while the "Solution" button will reveal the code sample with the correct application of CSS.
Task
- Add
relative
positioning to the second element with theitem
class name. - Move the item
30px
down and50px
left.
index.html
index.css
- Move down by setting a positive value for the
top
property. - Move left by setting a negative value for the
left
property.
index.html
index.css
Grazie per i tuoi commenti!