How to increase page width to maximize content display

[samsaara]

The default layout leaves so much space on either side of the screen while displaying content. With my limited knowledge of CSS, I couldn't exactly figure out where shall I tweak to increase the page width to, say, 80% or in terms of em .

Apart from trying few other things, I have also kept this in lanyon.css but not much use.

body {
    margin: 2px auto;
    width: 100%;
}

Any help really appreciated. :)

[BA88]

Has anyone found a solution to decreasing the amount of whitespace around content?

[znculee]

When you have a large screen, you may want to assign more space for the centered content. You can do this by enlarging the max-width in line 85 of public/css/lanyon.css as follows.

@media (min-width: 56em) {
  .container {
    max-width: 47rem;
  }
}

[BA88]

Thank you! I'll try this.

[mdo]

Might be able to implement some options in a future release. Right now it’s designed this way on purpose, but I get super wide displays could look awkward.