@itush
Posted
Congratulations on completing the challenge! ๐
It is important to correctly understand CSS Position property to render HTML elements as per the requirement. I also faced difficulties with position property in my initial projects. Please note:
-
By default, all HTML elements are static (non-positioned elements).
-
By using top, right, bottom, left we can control the final location of an HTML element.
-
Top, right, bottom, left, z-index donโt have any effect on Statically positioned / non-positioned elements.
-
So, basically, we first need to convert a non-positioned element to a positioned element using (relative/fixed/absolute/sticky) then only (top/right/bottom/left/z-index) etc. will work for the targeted element.
You may checkout the following๐ where I discuss about css position, z-index, box-model, Media Queries, Mobile-First Workflow etc. in a simple way.
CSS Position Property in Hindi
Hope this helps.
Once again you have done a wonderful job.๐The animation looks nice to me...
Keep at it...๐ป Happy hacking!
Marked as helpful
@SatyapriyaMahato
Posted
@itush Thanks, Just checked the video. It was a great help.
@itush
Posted
@SatyapriyaMahato You're welcome!
I'm glad to hear that you found the video helpful. ๐ฅ๐ฅ
If you have any more questions or need further assistance, feel free to reach out. Keep up the great work and happy coding! ๐ป๐