gram:op

> ./assets/css/page/home.css

Lenses
(coming soon!)

#home {
  display: grid;
  float: right;
  grid-gap: 2rem;
  grid-template-rows: repeat(3, auto);
}

@media ( min-width: 60rem ) {
  #home { grid-template-columns: auto 20rem; }
  #operand-company { grid-column: 1; }
  #gram            { grid-column: 1; }
  #issues          { grid-column: 1; }
  #chronicle       { grid-column: 2; grid-row: 1 / -1; }
}

@media ( min-width: 100rem ) {
  #home { grid-template-columns: auto auto 20rem; }
  #operand-company { grid-column: 1; }
  #gram            { grid-column: 1; }
  #chronicle       { grid-column: 2; grid-row: 1 / -1; }
  #issues          { grid-column: 3; grid-row: 1 / -1; }
}

main.chronicle { max-width: 60rem; margin: auto; }