[Vuejs]-How can I make my Vue for-loop generated buttons cover the entire area of my div?

First Remove the button inline style. Second always provide JSfiddle when you need CSS help

#nonav {
    display: flex;
    align-items: stretch;
    justify-content: center
}
#nonav button.tules {
   flex: 1;
   width: auto;
}