Difference between absolute position and relative position
welcome to FCC community
relative moves an element relative to it’s original position and the page renders as if it was in it’s original position.
absolute renders the rest of the pages elements as if it didn’t exist, and positions it relative to it’s parent container.
Read the MDN docs on position/positioning