Input
Output
<!DOCTYPE html> <html> <head> <style> .navbar { display: flex; background-color: #333; flex-wrap: wrap; } .navbar a { color: white; padding: 14px 20px; text-decoration: none; text-align: center; flex: 1; } .navbar a:hover { background-color: #575757; } @media screen and (max-width: 600px) { .navbar a { flex-basis: 100%; } } </style> </head> <body> <div class="navbar"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Contact</a> <a href="#">Blog</a> </div> </body> </html>