This is for a mobile menu, which of course needs to be responsive. The longest child should set the width for all the other children .index needs to be full width and height with a background-color
CSS Fix] When justify-content: space-evenly overflows, un-center the content - DEV Community
Aligning items in a flex container - CSS: Cascading Style Sheets
Some ways to align the last row in a flexbox grid
css - First-child full-width in Flexbox - Stack Overflow
Laying Out Views, Using Designer, Designer, Tools
html - Flexbox: center horizontally and vertically - Stack Overflow
A Complete Guide to Flexbox
css - How do I centralize a group of divs, leaving the last one aligned to the left? - Stack Overflow
Portfolio on mobile shows afew pixels to the right, help! - HTML-CSS - The freeCodeCamp Forum
Flexbox Tutorial HTML & CSS Is Hard
Grid
html - flex-flow: column wrap doesn't stretch the parent element's width - Stack Overflow
A Complete Guide to Flexbox
What Is the HTML Flexbox and How Do You Get Started Using It?