🐛 [Bug report]: Remove fixed widths of flex

[Shivam-Katare]

Descrcibe the bug?

There is a styling issue. In the style.css file, there is a width defined for flex, and due to that, some parent components have styling issues.

Steps to reproduce the bug?

1. Run ReactPlay locally
2. Click on the Create Play button
3. There will be a create play form which is causing an issue. The width of the form is fixed to 300px.

Expected behavior

That 300px fixed width should be removed from the flex property so that, the parent components can take a complete space.

Desktop (Please provide your system information)

Browser: Chrome latest version

Mobile (Please provide your device information)

No response

Screenshot / Screenshare

Relevant log output

No response

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.