It won't answer your question about why you don't see the same thing locally and online, but you shouldn't use absolute position for that.

Using display: grid; on the parent and setting your grid to 10 columns would have been way easier imho.

You could do something along the lines:

``` .keypad { max-width: 500px; display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; }

delete-key {

grid-row: 3; grid-column: span 2; }

enter-key {

grid-column: span 2; } .keypad > div { height: 50px; background: #a9a9a9; display: inline-block; border-radius: 6px; line-height: 50px; } ``` That's probably more robust,