ul{display:block} .container{max-width:1200px;margin:20px auto;display:flex;gap:20px;padding:0 10px} main{width:75%} aside{width:25%} .post{background:#fff;padding:20px;border-radius:6px;margin-bottom:20px} aside .widget{background:#fff;padding:15px;border-radius:6px;margin-bottom:20px} footer{background:#081f4d;color:#fff;margin-top:30px} footer .rodape{max-width:1200px;margin:auto;padding:20px;font-size:14px;text-align:center} @media(max-width:900px){ nav ul{flex-direction:column} .container{flex-direction:column} main,aside{width:100%} } ]]>