Нужен совет профессионалов: пишу свой сайт

.wrapper {
    margin: 0px;
    padding: 0px;
    display:flex;
    flex-direction: column;
}
.wrapper > main {
    margin: 4px;
    padding: 5px;
    border: 1px solid #AFAFAF;
    flex: 2 1;
    order: 0;
}
.wrapper > aside {
    margin: 4px;
    padding: 5px;
    border: 1px solid #8888bb;
    flex: 1 2;
    order: 0;
}
header, footer, nav {
    display: block;
}
@media all and (min-width: 640px) and (max-width:1280px) {
    .wrapper {
        flex-direction: row;
    }
    .wrapper > main{
        order:1;
    }
    .wrapper > aside {
        /* Return them to document order */
        order: 1;
    }
}
@media all and (min-width: 1281px) {
    .wrapper {
        flex-direction: row;
    }
    .wrapper > main{
        order:1;
    }
    .wrapper > aside {
        order: 1;
        flex: 1 2;
        max-width: 24em;
    }
}