article {
    display: flex;
    width: 800px;
    margin: auto;
}
section {
    padding: 15px;
    text-align: justify;
    /* 3 colonnes identiques quel que soit le contenu*/
    flex-grow: 1;           /* par défaut : 0 */
    flex-shrink: 1;         /* par défaut: 1 */
    flex-basis: 0;          /* par défaut: auto */
}

@media screen and (max-width: 800px) {
    article {
        width: 90%;
        flex-direction: column;
    }
    section {
        padding: 0;     /*suppression du padding*/
    }
}