body > main
  display: flex
  flex-direction: column
  align-items: center
  > div.h-feed
    flex: 1
    margin-bottom: 0
  > aside.author
    max-width: 25rem
    margin-bottom: 2em
    > .h-card
      position: sticky
      top: 1em

@media (min-width: 768px)
  body > main
    flex-direction: row-reverse
    align-items: unset
    > div.h-feed
      margin-right: 2em
    > aside.author
      margin-bottom: 0