*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;font-family:Arial,Helvetica,sans-serif}
.page{width:100%;max-width:760px;margin:0 auto}
.preview{display:grid;grid-template-columns:1fr 2.6fr 1fr;height:380px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;text-decoration:none}
.tile{background:#e9eef2;overflow:hidden}
.tile img{width:100%;height:100%;display:block;object-fit:cover}
.caption{display:block;padding:25px 28px 22px;text-decoration:none;color:#555;border-bottom:1px solid #ddd}
.domain{font-size:25px;letter-spacing:.3px;margin-bottom:8px}
.hearts{font-size:34px;line-height:1.1;letter-spacing:3px}
@media (max-width:600px){
  .preview{height:300px;grid-template-columns:1fr 2.6fr 1fr}
  .caption{padding:22px 28px 20px}
  .domain{font-size:22px}
  .hearts{font-size:30px}
}