# Post width jumps between 870 and 795px window widths

**URL:** https://meta.discourse.org/t/post-width-jumps-between-870-and-795px-window-widths/45462
**Category:** UX
**Created:** [June 9, 2016, 9:35am UTC](https://meta.discourse.org/t/post-width-jumps-between-870-and-795px-window-widths/45462 "2016-06-09T09:35:44Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [June 9, 2016, 9:35am UTC](https://meta.discourse.org/t/post-width-jumps-between-870-and-795px-window-widths/45462/1 "2016-06-09T09:35:44Z")

</div>

This is a minor issue, but I was experimenting with how the gutter behaves as you resize the window and I think there’s a minor CSS mismatch.

At the 870px width `@media`, the topic-body jumps from `width: 690px` to `width: calc(100%-47px)`, which, combined with some other changes to the layout, makes the topics suddenly get wider. When you further narrow the window to ~795px, the calculation catches up with the old value, and then shrinks as expected.

 ![](https://global.discourse-cdn.com/meta/original/3X/d/f/df24579eb77e6f51a9eac5ade07beb8525245e3c.png)

In topics with long posts, this can cause quite jarring popping of posts up and down the page.

This can be “fixed” by altering the `@media` to trigger at 795px instead of 870px. That doesn’t feel very elegant though - I’m sure the 870 value was chosen for a reason!
