It doesn't matter on which part of your journey you're at, even if you've built a couple of websites when you encounter these terms it can be SO confusing. https://media.giphy.com/media/bjtM9GdxbqL5e/giphy.gif?cid=790b76119d4221572ca887649589f7fc0f3...

Markdown supported · ⌘↵ to post
Yuri
If anyone could find useful of this , I am sharing the following code snippet based on tweakpane.js as interactive positioning code snippet . It's very easy to use : select position from the list at very top on right hand side (at position_handler) & click on the square you want to target the CSS position rule to ; in case for squares overlapping you can also target the rule to one of the squares presented in the short list (Choose from:) that ordered ascendingly as if from left to right (0, 1, 2, ...) in the DOM. It's not perfect , but decent way to play around as the supplement to all what is provided in this article by author "Yuri" . p.s. Well done to the Author, Cheers !
Chanel (InstincDev)
Freelance FullStack Dev
I will be bookmarking this for future reference. Great article! Very helpful! 👍