* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    font-family: system-ui;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    border: 5px solid black;
}

.flex-container {
    display: flex;
}

.box {
    background-color: mistyrose;
    font-size: 2rem;
    color: #777;
    text-align: center;
    padding: 2rem;
    border: 2px solid green;
    flex-grow: 1;
}

/* Reihenfolge mit order (Standardwert = 0 */

.box1 {
    order: 1;
}

.box2 {
    order: 5;
}

.box4 {
    order: -1;
}