Skip to content

Instantly share code, notes, and snippets.

@knowbody
Created October 31, 2017 15:44
Show Gist options
  • Save knowbody/7ac04131ae357cb5c64c3d83b07044e3 to your computer and use it in GitHub Desktop.
Save knowbody/7ac04131ae357cb5c64c3d83b07044e3 to your computer and use it in GitHub Desktop.
Grid cards example
.grid {
display: grid;
height: 100%;
grid-template-columns: 2rem repeat(2, auto) 2rem;
grid-template-rows: 4rem 4rem auto;
background-color: #fff;
}
.layer1 {
background-color: rgb(64, 213, 187);
grid-column-start: 1;
grid-column-end: span 3;
grid-row-start: 1;
grid-row-end: span 3;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment