Skip to content

Feature Request: Let Us Resize Flex Items with the Mouse #9

@i-m-abbhay

Description

@i-m-abbhay

Description

Flexbox Labs is super helpful for learning and designing layouts with CSS Flexbox. Right now, we can add and remove items or change their settings, but we can't drag and resize the items directly using the mouse. This feature would make it easier to use and more fun!

What We Want

Let users click and drag the edges or corners of a flex item to resize it. When we resize the item, the app should update the width or size of the item instantly so we can see how it looks right away.

Why This is Useful

  • Easy to Use: Dragging to resize is faster and simpler than typing values.
  • Saves Time: It helps us adjust layouts much quicker.
  • Learn Better: Seeing how the item changes as you drag helps us understand how Flexbox works.

Things to Think About

  • Make sure it works on phones and tablets too.
  • Keep it easy to use for everyone, even if they use a keyboard or other tools.
  • Don’t let this feature mess up the other cool features like editing properties or selecting items.

Thanks for considering this feature! It would make Flexbox Labs even better for beginners.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions