.navbar ul { list-style-type: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 10px; } .navbar li a { display: block; color: #999; text-decoration: none; border: dashed 1px; text-align: center; padding: 5px 10px; } .navbar li a:hover { display: block; color: #000; background-color: #999; } @media (min-width: 1000px) { .navbar ul { display: flex; flex-direction: column; gap: 0px; width: 125px; } }