.page-layout {
  display: flex;
  flex-direction: column;
}
.page-layout .main,
.page-layout .sidebar {
  flex: 1;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .page-layout {
    flex-direction: row;
  }
  .page-layout .sidebar {
    flex: 0;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
    margin-left: 30px;
    margin-top: 20px;
  }
}