Position of elements on desktop vs phone

Question

After looking over a few of my projects, I noticed that some elements appeared in one position on desktop, but then I’d check my phone and the element would be positioned say slightly more to the right. Is there any reason this is happening that I can fix or is it just a formatting glitch?

Answer 1

Try use this tag <center>
Like this
<center>
<button style = "cursor: crosshair;" id = 'start'><t>Start</t></button>
</center>

Answer 2

Yeah that worked, thanks!

Answer 3

You are welcome! Happy learning and happy coding!

Answer 4

Try to use:
width: 100%;
height:100%;

Is it a code?

Answer 5

I made the code public on my profile, it's called "Space project". On desktop the start button is fairly centred beneath the "space" title, but on my phone it appears slightly to the right, and the font of the start button seems to change.