nav { background: rgb(60, 60, 90); white-space: nowrap; overflow-x: auto; .container { display: flex; align-items: center; .website-name { a { color: rgb(245, 245, 245); text-decoration: none; background: rgb(255, 130, 130); padding: 5px 10px; border-radius: 20px; text-shadow: rgb(255, 100, 100) 2px 2px; } } .website-nav { margin-left: auto; ul { display: flex; padding: 0; margin: 0; li { list-style-type: none; a { color: rgb(245, 245, 245); text-decoration: none; padding: 20px 30px; display: block; transition: background .2s; } a:hover { background: rgb(50, 50, 75); } .seperator { padding: 20px 10px; display: block; } } } } } } @media (max-width: 600px) { nav { .container { max-width: none; .website-nav { padding: 0 20px; } } } }