Skip to content

Instantly share code, notes, and snippets.

@productioncoder

productioncoder/WatchContent.scss

Last active January 20, 2019 10:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save productioncoder/30943b5a0e66db7a14fe79e6268a9b23 to your computer and use it in GitHub Desktop.
Save productioncoder/30943b5a0e66db7a14fe79e6268a9b23 to your computer and use it in GitHub Desktop.
Download ZIP
Youtube in React: making the video in Watch component smaller
Raw
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;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment