Enlace: códigos y caja
Como puede ver en la imagen, me gustaría decir que cuando se reduce por debajo de un cierto umbral (por ejemplo, dispositivos móviles), los elementos que están dentro en lugar de ser todos los elementos uno tras otro, se convierten en uno debajo del otro.
Y cada elemento ocupa todo el espacio en longitud.
¿Como lo puedo hacer?
Comenzaría con la documentación de la barra de aplicaciones receptiva de MUI. Luego puede diseñar el componente del menú para que sea de ancho completo.