Web Publish to Narrow Fixed Width

Widgets & Design

Hello,

I'd like to publish to the web, but retain the narrow width and appearance of the phone app. The ideal result would be like using the FlutterFlow "Test Mode" in a browser using the small screen size (e.g., cell phone portrait around 400 px width).

I tried using a container as the parent for the entire page, but the web publish fills in the remaining screen width with a background color (unlike in Test Mode where there is no "fill in"). This creates odd scrolling behaviors in a browser, and makes the site look very small when using a browser on a cell phone.

Thanks kindly for any help and guidance on this! And a retro thank you to the community for helping me get this far into my project!

What have you tried so far?

Using a container to fix the width, changing scaffold settings, applying responsive text sizes

Did you check FlutterFlow's Documentation for this topic?
Yes
2
2 replies