Why does docking even called docking?
Why is it essential to the process?
What does docking even do, I mean, with and without docking, what would change?
Thank you!
Hey,
I’m Liron from the Editor X product team.
Docking & margins allow you to control the positioning of elements at every viewport size .
Here’s a short video I made showing the differences between the docking options:
Docking elements
Editor X has a smart docking system. When you drag an element into a container, it automatically docks to the closest edges. You can override this and manually set your docking from the Inspector panel.
Adding margins
Use margins to maintain a set distance between an element and the edges of the container it’s docked to. From the Inspector panel, under Margins , choose your desired value in pixels (px) or percent (%). You can also add margins to the sides of an element that isn’t docked. These margins act like a buffer between the element and the container or gridlines around it.
We are working on improvements for the position experience to make docking and spacing much easier to use and manage so stay tuned 
Hi Liron, thank you so much for taking your time and explaining Docking to me. May I ask if there’s any example for how I use specifically the docking feature practically? I don’t think I fully understand it, I can only see that when an object is docked, it reacts to viewport changes, am I right?
Thank you!
@idanhuiux
Yes you are right. With Docking you can make sure that an element keep a certain distance from its parent border when the viewport changes.
You can find a lesson about it on Academy X: https://www.editorx.com/academy/lessons/docking-and-margins
or watch this awesome Editor X Docking youtube tutorial made by Adrian Twarog
@lironm Thank you so much!