[Support request] Container in % instead of px

[Jon]

Is it possible to make the width of the container in % instead of set px? The reason I ask is I have the container set at 1000 px wide. that is what fills up my 24″ monitor. When a friend views it, it is only about 3/4 of her screen. She is not tech savvy so when I ask her what size monitor she has and what screen resolution, well she is a blonde! lol

Anyway, I got to thinking if there was a way to set it to percentages for the main and side containers that my solve the problem.

Would that even work?

[Leo]

Hi there,

You could try this:

body .grid-container {
    max-width: 70%;
}

Let me know if this helps 🙂

[Jon]

Thank you Leo. Did you by chance look at the website? Is it askew and does not have a full screen? From every device I look from it looks ok to me.

Jon

[Tom]

Instead of using a percentage, I would just increase your container width to something much higher like 2000px.

That way if someone has a super big screen, your website will top out at 2000px (you don’t want it to be much wider). For people with smaller monitors, it will be 100% of their screen width.

[Author]

Posts