How can I create white background and light bordered wrapper (ref: screenshot 1)?

[umar13893]

Screenshot 1:

I have created three columns but it does not have white background with border like the screenshot 1. Here's what I have now:

How can I fix this?

[marcusbellamyshaw-cell]

That's not a built-in style variant — the Columns Portable Text block (Columns.astro) renders a bare flex layout (.emdash-columns / .emdash-column) with no background/border/radius option exposed in its props at all. So the white-card look in your reference screenshot needs custom CSS, either:

• overriding .emdash-columns/.emdash-column globally in your site's theme CSS, or
• wrapping the columns content in your own container component with background/border/border-radius.

If you want a concrete reference for that exact card treatment, templates/marketing/src/components/blocks/Features.astro's .feature-card class does the same visual pattern and is a good starting point to copy from.