} @media screen and (max-width: 768px) { /* Estilo para telas menores que 768px */ body { font-size: 14px; } header, nav, footer { padding: 10px; } .post { width: 90%; margin: 0 auto; } } @media screen and (max-width: 480px) { /* Estilo para telas menores que 480px */ body { font-size: 12px; } header, nav, footer { padding: 5px; } .post { width: 100%; margin: 0; } }