[SOLVED] Vue F7 template constrain view on PC?

Questions
1

I built a simple fundraising SPA based on the Vue F7 template in F7 resources.

I deployed it to the web via Heroku. It looks great on phone, but not so great when viewed on a desktop computer. Does F7 have a built in way to constrain the view so it doesn’t expand to fill the monitor?

My App Deployed to web

2

Not by default, but you can wrap page content with some custom div like <div class="center-contnet"> and add the following rule to CSS:

.center-content {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
1 Like
3

@nolimits4web Thank you once again!

Suggested change implemented!