<div style="background-color: #EDF2F7;
            display: flex;
            height: 100vh;
            justify-content: center;">
  <div style="width: 100%;
              max-width: 360px;
              background-color: white;
              border-left: 1px solid #CBD5E0;
              border-right: 1px solid #CBD5E0;
              padding: 24px;
              color: #718096;
              text-align: center;">
    a centered container with maximum width
  </div>
  <div style="width: 200px;
              background-color: white;
              border-right: 1px solid #CBD5E0;
              padding: 24px;
              color: #718096;
              text-align: center;">
    a sidebar
  </div>
</div>
body, * {
  margin: 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.