Skip to content

Instantly share code, notes, and snippets.

@productioncoder

productioncoder/VideoPreview.scss

Created December 3, 2018 18:58
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/3649700e20f2a5cc8ae6654cf64983db to your computer and use it in GitHub Desktop.
Save productioncoder/3649700e20f2a5cc8ae6654cf64983db to your computer and use it in GitHub Desktop.
Download ZIP
Youtube in React: VideoPreview layout using CSS-Grid
Raw
VideoPreview.scss
@import '../../styles/shared.scss';
.video-preview {
display: grid;
grid: 118px auto / 210px;
}
.image-container {
position: relative;
grid-row: 1 / 2;
grid-column: 1 / 2;
/* Video duration label at bottom right */
.time-label {
/* ... */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment