.layout {
  display: flex;             /* 横並びにする */
  width: 100%;               /* 横幅いっぱい */
}

.sidebar {
  width: 200px;              /* 左の幅（自由に変えてOK） */
  background: #f0f0f0;       /* 背景色（好みで） */
  padding: 20px;
  border: 4px solid black;
}

.sidebar a {
  display: block;            /* 縦に並べる */
  margin-bottom: 10px;
  text-decoration: none;
}

.content {
  flex: 1;                   /* 余ったスペースで中央部分を広くする */
  padding: 20px;
  text-align: center;        /* 中の文字を中央寄せ */
}