<div class="comment">
  <h3>Brad Westfall</h3>
  <p>Dan! When are hooks going to be ready?</p>
</div>

<div class="comment moderator">
  <h3>Dan Abramov</h3>
  <p>React hooks are coming soon!</p>
</div>

.comment {
  margin: 1em;
  background-color: #cbe9f5;
  border-radius: 0.3em;
  // Uncomment any one of these three to fix the collapsing margins:
  // border: 1px solid transparent;
  // padding: 1px;
  // overflow: hidden;
  // display: flow-root;
}

.comment.moderator {
  background-color: #efefd7;
  border: 1px solid #a7a784;
}