Skip to content

Instantly share code, notes, and snippets.

@productioncoder productioncoder/Home.scss
Last active Jan 25, 2019

Embed
What would you like to do?
Youtube responsive Home feed
@import '../../styles/shared.scss';
.home {
margin-top: $header-nav-height;
margin-left: $sidebar-left-width;
display: grid;
grid: auto / auto;
justify-content: center;
}
@media all and (min-width: 476px) {
.responsive-video-grid-container {
max-width: 240px;
}
}
@media all and (min-width: 700px) {
.responsive-video-grid-container {
max-width: 472px;
}
}
@media all and (min-width: 900px) {
.responsive-video-grid-container {
max-width: 667px;
}
}
@media all and (min-width: 1096px) {
.responsive-video-grid-container {
max-width: 864px;
}
}
@media all and (min-width: 1370px) {
.responsive-video-grid-container {
max-width: 1096px;
}
}
@media all and (min-width: 1370px) {
.responsive-video-grid-container {
max-width: 1096px;
}
}
@media all and (min-width: 1560px) {
.responsive-video-grid-container {
max-width: 1284px;
}
}
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.