footer { padding-top: 1rem; padding-bottom: 1rem; background-color: #21262d; color: #ddd; } footer div.content { display: flex; align-items: center; justify-content: space-between; max-width: 1280px; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } footer div.text { display: flex; gap: 1.5rem; font-size: 14px; } footer div.text a { color: #ddd; } footer div.social { display: flex; gap: 1rem; align-items: center; } @media (max-width: 700px) { footer div.content { flex-direction: column-reverse; gap: 0.5rem; } }