I'm not sure if I fully understand the difference between these two.
Can someone explain why I would use one over the other and how they differ?
top is for tweak an element with use of
margin-top is for measuring the external distance to the element, in relation to the previous one.
top behavior can differ depending on the type of position,