虽然我认为他们真的在球场上一鸣惊人（可以这么说），但这让我很长时间都发疯了——我想要更多的内容空间。

我通过大量使用css百分比来实现这一点（如您所愿，通过更广泛的内容区域）。您的里程数可能会有所不同。这是我更改数字的css部分的粘贴。我还消除了盒子效应，使一些东西透明（我甚至不知道它们是否“需要”——正如我所说的，这都是虚幻的——但它起到了作用）——否则重叠的线条看起来就错了。

@media screen and (min-width: 59.6875em) {
body:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 23.4118%;
    z-index: 0; /* Fixes flashing bug with scrolling on Safari */
    background-color: transparent;
}

.site {
    margin: 0 auto;
    max-width: 1650px;
}

.sidebar {
    float: left;
    margin-right: -100%;
    max-width: 313px;
    position: relative;
    width: 23.4118%;
    background-color: transparent;
}

.secondary {
    background-color: transparent;
    box-shadow: none;
    display: block;
    margin: 0;
    padding: 0;
}

.site-main {
    padding: 1.75% 0;
    background-color: transparent;
}

.site-content {
    display: block;
    float: left;
    margin-left: 13%;
    width: 87%;
    background-color: transparent;
}

body {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    background-color: transparent;
}