如何设置颜色超越容器从侧面

Question

在下面的示例中，如何将侧边栏的background-color设置为继续到页面的右侧？

PS：我必须使用容器来集中整个内容。

这是codepen。下面的代码段：

.container {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
.columnContainer {
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  position: relative;
}
.articleContainer {
  order: 1;
  width: 75%;
}
.articleSidebar {
  width: 25%;
  order: 2;
  background-color: #F4F4F4;
}

<div class="container">
  <div class=columnContainer>
    <div class="articleContainer">article</div>
    <div class="articleSidebar">article sidebar</div>
  </div>
</div>