Youtube in React: making the video in Watch component smaller

WatchContent.scss

.watch-grid {
  display: grid;
  grid-template: auto auto auto 1fr / minmax(0, 1280px) 402px;
  justify-content: center;
  /* ... */
}

// 1280px (max-width of video column) + 402px (width of side bar) + 3 * 24px (empty space on the left, right and between the two columns)
@media(max-width: 1754px) {
  .watch-grid {
    padding-left: 24px;
    padding-right: 24px;
  }
}