article > header > nav { margin: 0 auto; ul { list-style: none; margin: 1rem auto; padding: 0; display: flex; width: 100%; li { margin: 0 auto; padding: 0.5rem; flex: 1; text-align: center; width: 12rem; background-color: $bg-txt-off; a { display: inline-block; position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 0 0.5rem; background-color: $bg-txt-off; color: white; &:hover, &:active { background-color: $bg-txt-on; color: black; } } } } }