.main {
  min-height: 40rem;    
  margin: 0 auto;
  max-width: 70ch;
  font-size: 1.2rem;
  padding: 3ch 0ch;
}

article > * {
margin-bottom: 1.5em;
}

@media screen and (min-width: 60ch) {
.article__postinfo {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.article__postinfo div:nth-child(even) {
  text-align: right;
}

}