.mobile-menu { font-family: sans-serif; background-color: #333; padding: 10px; text-align: center; } .mobile-menu a { color: white;    padding: 10px .mobile-menu { font-family: sans-serif; background-color: #333; padding: 10px; text-align: center; } .menu-toggle { display: none; background-color: #444; color: white; padding: 10px; font-size: 18px; cursor: pointer; } .menu-items { display: flex; justify-content: center; flex-wrap: wrap; } .mobile-menu a { color: white; padding: 10px 15px; text-decoration: none; display: inline-block; } .mobile-menu a:hover { background-color: #555; border-radius: 5px; } @media (max-width: 768px) { .menu-items { display: none; flex-direction: column; } .menu-toggle { display: block; } .mobile-menu.open .menu-items { display: flex; } }