body {
    max-width: 940px;
    margin: 0 auto;
    padding: 1em;
    font-family: Verdana;
}

section {
    padding: 1em;
    background-color: peachpuff;
}

.cols {
    display: grid;
    row-gap: 1em;
}

.status-username {
    font-weight: bold;
    margin-bottom: .5em;
}

.status-content {
    margin: 0 1em;
}

.status {
    margin-bottom: 1em;
}

@media (min-width: 650px) {
    .cols {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1em;
    }
}

.field { margin-bottom: 1rem; max-width: 500px; }
.field > label { margin-bottom: .25rem; }
.field > * { display: block; width: 100%; box-sizing: border-box; }