Course Content
Advanced CSS Techniques
Advanced CSS Techniques
Challenge: 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
index
index
- Move down by setting a positive value for the
top
property. - Move left by setting a negative value for the
left
property.
index
index
index
Thanks for your feedback!