nav { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 1rem auto; } nav a { text-decoration: none; } nav h2 { display: inline; margin: 0; font-size: 1.8rem; } @media (max-width: 650px) { nav h2 { font-size: 1.5rem; } } nav ul { display: flex; flex-flow: column; justify-content: space-around; align-items: flex-end; align-self: flex-end; } nav li { list-style: none; } nav li a { display: block; padding: .3rem 0; font-family: Courier, monospace; font-size: 1.3rem; } @media (max-width: 650px) { nav li a { font-size: 1.2rem; } }