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