Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Youtube SCSS for WatchContent
.watch-grid {
display: grid;
grid-template: auto auto auto 1fr / auto 402px;
padding-top: 24px;
column-gap: 24px;
grid-row-gap: 8px;
padding-left: 24px;
padding-right: 24px;
.video {
grid-column: 1 / 2;
grid-row: 1 / 2
}
.metadata {
grid-column: 1 / 2;
grid-row: 2 / 3
}
.video-info-box {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.comments {
grid-column: 1 / 2;
grid-row: 3 / 4
}
.related-videos {
grid-column: 2 / 3;
grid-row: 1 / span 4;
}
}
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.