Mobile first using SCSS and React

Flex basis saved me for the bottom 4 links because the list item was overflowing if the a tag was too long. What I previously did was set the list item which contained the a tag to just 50% in the flex container but it was still overflowing out the grid layout. And that was the very problem because when the list item was given a fixed width, the flex container had no idea it was taking more than 50%. So instead, I removed the width, and just set the flex basis in which it saw it was more than 50%, so it wrapped thanks to flex-wrap.