Skip to content

Instantly share code, notes, and snippets.

@clausti
Last active August 15, 2020 17:19
Show Gist options
  • Save clausti/e6089f78fd2b3c850a49a0d2e38dfa00 to your computer and use it in GitHub Desktop.
Save clausti/e6089f78fd2b3c850a49a0d2e38dfa00 to your computer and use it in GitHub Desktop.
.a-post-card {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
.cn-body {
grid-column: 1 / -1;
grid-row: 1 / -1;
color: white;
background-color: $orange;
border: 1px solid $orange;
}
.post-inner {
grid-column: 1 / -1;
grid-row: 1 / -1;
background-color: $pale-orange;
border: 1px solid $orange;
}
.post-header {
grid-column: 1 / -1;
grid-row: 1 / 2;
}
.post-footer {
grid-column: 1 / 2;
grid-row: -2 / -1;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment