Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Youtube in React: making the video in Watch component smaller
.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
You can’t perform that action at this time.