main.flexbox{display:flex;flex-wrap:wrap;padding:0}#mainArticle{flex:1;min-width:300px;box-sizing:border-box}#leftAside{flex:0 0 272px;box-sizing:border-box}#rightAside{flex:0 0 192px;box-sizing:border-box}@media only screen and (max-width:600px){#leftAside,#mainArticle,#rightAside{flex:0 0 100%}#leftAside,#rightAside{border:none}}@media only screen and (min-width:600px){#leftAside{order:1;border-right:1px solid silver}#mainArticle{order:2}#rightAside{order:3;border-left:1px solid silver}}#mainArticle{padding:16px}h1,h2,h3,h4,h5,h6{margin:0}