body { display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 768px) { body { flex-direction: row; /* Change layout to row for small screens */ } }