/* ========================================================================== Venue Blog Comments — form layout First Name | Last Name Email (full width) Comment (full width) [Submit] (full width) ========================================================================== */ .venue-blog-comments { box-sizing: border-box; width: 100%; } .venue-blog-comments form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; } /* Each form field gets some breathing room */ .venue-blog-comments form .field { margin: 0; } /* Comment (textarea) field spans both columns */ .venue-blog-comments form .field:has(textarea) { grid-column: 1 / -1; } /* Email spans both columns (this form has no Website field to pair it with) */ .venue-blog-comments form .field:has(input[type="email"]) { grid-column: 1 / -1; } /* Submit + reCAPTCHA span both columns and center their contents. (Replaces the inline