Skip to content

Instantly share code, notes, and snippets.

@rafaortman

rafaortman/center_menu_items.scss

Last active October 8, 2019 20:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rafaortman/a57409f39d17269f893cabf6bb8f1084 to your computer and use it in GitHub Desktop.
Save rafaortman/a57409f39d17269f893cabf6bb8f1084 to your computer and use it in GitHub Desktop.
Download ZIP
Flex center menu items and expand its children to the parents' height
Raw
center_menu_items.scss
ul {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
li {
display: flex;
flex-direction: column;
a {
display: flex;
justify-content: center;
flex-direction: column;
flex-grow: 1;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment