Two-Column

Side-by-side content columns using Row and Column

Preview

<Section style={{ backgroundColor: "#ffffff", padding: "32px 40px" }}>
  <Row>
    <Column style={{ paddingRight: "16px", width: "50%" }}>
      <Heading as="h3" style={{ color: "#1e293b", fontSize: "18px", fontWeight: "600", margin: "0 0 8px" }}>Column One</Heading>
      <Text style={{ color: "#475569", fontSize: "15px", lineHeight: "1.6", margin: "0" }}>Add your first column content here. Keep each column focused on a single point or feature.</Text>
    </Column>
    <Column style={{ paddingLeft: "16px", width: "50%" }}>
      <Heading as="h3" style={{ color: "#1e293b", fontSize: "18px", fontWeight: "600", margin: "0 0 8px" }}>Column Two</Heading>
      <Text style={{ color: "#475569", fontSize: "15px", lineHeight: "1.6", margin: "0" }}>Add your second column content here. Use a consistent structure for visual balance.</Text>
    </Column>
  </Row>
</Section>