[Stack] Using stack makes children full width by default

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Something seems to be a little fishy with the Stack component. The docs are showing that the children inside stack shouldn’t be full width but opening up CodeSandbox or Blitz that’s provided shows the children are full width by default. I know you can change the alignment to start or something, but not everyone knows how Flexbox works and the example doesn’t say anything about it

Expected behavior 🤔

Stack shouldn’t make children full width by default as the docs states.

Steps to reproduce 🕹

Steps:

1. Read the docs
2. Open the provided links to CodeSandbox or Blitz
3. Notice the bug
4. Be sad it’s the same in your own project

Context 🔦

No response

Your environment 🌎

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[ImCheesecake]

@danilo-leal No I think this should be enough. Now when the demo and example looks the same it won’t get confusing! Closing the issue

[danilo-leal]

Ok, there you go. I managed to adjust the first example without having to deal with the Demo component.

@ImCheesecake Would you say that a “Stack’s children will render full-width by default” mention is still needed given that the demo in the docs and on CodeSanbox will look the same now?