If the screen width is relatively large, it looks better to have the sidebar width fixed rather than incremented proportionally to the screen size.
@media screen and (min-width: 1000px) { .wrap { overflow: hidden; } .has-sidebar:not(.error404) #primary { float: right; width: 94%; margin-left: -360px; padding-left: 360px; } .has-sidebar #secondary { float: left; padding-top: 0; width: 360px; } }