Page widths on mobile displays about hugoplate HOT 6 CLOSED

As you know, this is a boilerplate / starter template, so user will modify it as their needs. we can't define what user wants from it. so we pick the industry leading solution which is container based.

In your case, you should go full width, but we can't change the container system. hope you understand. thanks for using Hugoplate. have a good day.

from hugoplate.

Hey @neural-loop, can you attach a screenshot? where is actually breaking the template?

from hugoplate.

I can explain my thinking better.

So on tablet, and mobile, there is limited screen space to be used. The template should not put any % or size based padding here.

It can create situations like this (it's not a pure hugoplate, I've changed things)

The code changes I provide present this:

from hugoplate.

My example is exaggerated, probably from some other changes I made in the template - but here is an example in the pure hugoplate

At least in this situation I think the right move is to go full width (95% works too) rather than a large % on the container. because it is for mobile and tablet displays.

from hugoplate.

And for this

body a { word-break: break-all; }

Just put a long link in a content area on a mobile display and it breaks the responsive page width.

from hugoplate.

As you know, this is a boilerplate / starter template, so user will modify it as their needs. we can't define what user wants from it. so we pick the industry leading solution which is container based.

In your case, you should go full width, but we can't change the container system. hope you understand. thanks for using Hugoplate. have a good day.

this is not recommending to change the container system at all. this is saying that the way the css could be changed with a minimal effort to add more usability

from hugoplate.