Challenge: Relative Positioning

Note

Each challenge in this course includes a code sample consisting of index.html and index.css files. As the course focuses on learning CSS, it is recommended to address the challenges in the index.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

1. Add relative positioning to the second element with the item class name.
2. Move the item 30px down and 50px left.

1. Move down by setting a positive value for the top property.
2. Move left by setting a negative value for the left property.