Link: codesandbox
As you can see from the image I would like to say that when it shrinks below a certain threshold (for example mobile devices), the elements that are inside instead of being all elements one after the other become one below the other.
And each element takes up all the space in length.
How can I do?
I'd start with MUI's responsive App Bar documentation. Then you can style the menu component to be full-width.