[X] I have checked "open" AND "closed" issues and this is not a duplicate
Description
There is a min-width: 400px applied to the .yoopta-editor class, which prevents the editor from being resized below 400px in width. This creates an issue when trying to embed the Yoopta-Editor in a container that is less than 400px wide.
Steps to Reproduce
Create a container (e.g., a div) with a width of less than 400px.
Add the Yoopta-Editor component inside this container.
Set the width prop of the Yoopta-Editor component to a value below 400px.
Observe that the editor's width does not decrease below 400px due to the min-width setting.
Environment
OS: MacOS
Browser: Chrome
Screenshots
No response
Do you want to work on this issue?
Yes
If "yes" to above, please explain how you would technically implement this
Has this bug been raised before?
Description
There is a min-width: 400px applied to the .yoopta-editor class, which prevents the editor from being resized below 400px in width. This creates an issue when trying to embed the Yoopta-Editor in a container that is less than 400px wide.
Steps to Reproduce
Environment
Screenshots
No response
Do you want to work on this issue?
Yes
If "yes" to above, please explain how you would technically implement this
Remove min-width from
.yoopta-editor
class