[Support request] Container in % instead of px

Home Forums Support Container in % instead of px

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1307946
    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?

    #1308045
    Leo
    Staff
    Customer Support

    Hi there,

    You could try this:

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

    Let me know if this helps 🙂

    #1308060
    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

    #1308160
    Tom
    Lead Developer
    Lead Developer

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.