Skip to content

Adjust viewport width in canvas #176

Description

@jacksoncasimiro

Problem or motivation

Unless I'm missing something, there's no way to change the width of your viewport in the editor. It's a pretty big problem because on your average laptop screen you can't work on your canvas at 100% scale. You need to fit to width (~80%) or adjust your display scaling. It's hard to size appropriately with some of the viewport cut off or the whole design scaled down. In the current state you only have three breakpoints to adjust responsiveness, and you can't see how the website reacts to all the widths in between without opening the preview.

Proposed solution

Like with Framer, Webflow, Webstudio, etc, provide handles on the side of the viewport. Drag them to adjust the viewport width.

Also helpful would be the ability to edit the breakpoints in the top of the editor, or potentially the width of the body (desktop) in the sidebar.

Alternatives considered

No response

Area

Visual Editor

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions