/* Browser zoom-out (or a very wide window) adds card columns instead of stretching three cards.
   Up to 1920 CSS px the original three-column layout is unchanged. Added October 18 at Yang's request. */
@media (min-width:1921px){
  .siteGrid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}
}

/* The top bar scrolls away with the page instead of following it, leaving more room for cards.
   Added October 18 at Yang's request. */
.masthead{position:relative}

/* Phones (one column): cards shrink to their content instead of a 420px minimum, so more fit on screen.
   Added October 18 at Yang's request. */
@media (max-width:690px){
  .siteCard{min-height:0}
}