Positioning ?

Question

Do you keep changing the position values to get the right position ?

Answer 1

position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

This rules will position any element vertically middle and horizontally center

Answer 2

i think it comes naturally with experience but basically its trial and redoing and testing

Answer 3

it is about aligning to a certain position.
Ex:
position:absolute;
top:10px;
right:80px;
I chose these values randomly and I have no idea where the text or image will be so I run it then I keep changing it till it fits.