body {
    padding: 0;
    margin: 0;
}

header {
    margin: 10px 20px !important;
    width: -webkit-fill-available !important;
}

.invitation-code,
.code-here,
.tracking-wider {
    width: -webkit-fill-available;
}

@media only screen and (max-width: 600px) {

    .w-1\/2 {
        width: -webkit-fill-available !important;
    }

    .tracking-wider {
        display: inline-block;
        max-width: 30ch;
        /* ch units approximate character width */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}