Additional Positioning Practice

This is an additional task designed by the Practicum team. The aim of this task is to give you a space to practice your skills in the DevTools and CSS positioning.

All of the tasks in this project should be completed via the DevTools. To open the DevTools right click on an element and select 'inspect' option. See the tutorial lesson for more details.

Tutorial lesson

Static positioning practice

Relative positioning practice 1

Relative positioning practice 2

Relative positioning practice 3

Absolute positioning practice 1

Absolute positioning practice 2

Made by the Practicum Team