.home { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 100vh; gap: 20px; } .main-content { display: flex; justify-content: space-around; align-items: top; width: 100%; min-height: 100%; } .home-header { width: 97%; border: 1px solid #270722; display: flex; justify-content: space-between; align-items: top; padding: 10px; } .home-messages { width: 60%; border: 1px solid #270722; padding: 10px; } .messages-list { width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 10px; } .channels { width: 34%; border: 1px solid #270722; min-height: 100%; padding: 10px; display: flex; flex-direction: column; } @media (max-width: 800px) { .home-header { flex-direction: column; align-items: center; } .main-content { flex-direction: column; align-items: center; gap: 20px; } .home-messages { width: 97%; } .channels { width: 97%; } }