IMPORTANT:

Learn CSS Today Course: https://courses.webdevsimplified.com/...

Chances are you have heard of relative and absolute position in CSS, but did you know there are still three other positions? In this video I will be covering all five CSS positions (static, relative, absolute, fixed, and sticky) by showing you examples of each position and comparing them with each other.

This video may be short, but I cover everything about each CSS position in this video, so you can learn everything you need to know about CSS position. By the end of this video you will have a deep understanding of the interactions between the different CSS positions, so you can effectively use them in your next project.


Materials/References:

CSS Position Article: https://blog.webdevsimplified.com/202...
Sticky Position Tutorial:    • The Forgotten CSS Position  
CodePen Code: https://codepen.io/WebDevSimplified/p...


Concepts Covered:

All five CSS positions
How absolute position interacts with the other positions
How to use top/right/left/bottom to position elements
How the document flow works
When to use relative position


Find Me Here:

Twitter:   / devsimplified  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#CSSPosition #CSS #WebDevelopment