posts.scss

.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;
    color: $purple-blue;
  }
}