article.post
  width: auto
  min-width: 500px // TODO mobile incompatible
  display: table
  padding: 1em
  margin-top: 0.5em
  margin-left: 1em
  margin-bottom: 0.5em
  background-color: #F0E0D6

  &:first-of-type
    background-color: inherit
    margin-left: 0
    margin-bottom: 1em
    padding: 0

  header
    color: #999
    margin-bottom: 0.5em

  a.img
    float: left

    img
      margin-right: 1em
      margin-bottom: 0.5em

article.post
  width: auto
  min-width: 500px // TODO mobile incompatible
  display: table
  padding: 1em
  margin-top: 0.5em
  margin-left: 1em
  margin-bottom: 0.5em
  background-color: #F0E0D6

  &:first-of-type
    background-color: inherit
    margin-left: 0
    margin-bottom: 1em
    padding: 0

  header
    color: #999
    margin-bottom: 0.5em

  a.img
    float: left

    margin-right: 1em
    margin-bottom: 0.5em

Put margin on a instead of img
Put margin on a instead of img

So image link’s effective area is more sensible.