By the end you can lay out two- or three-column cards in Drupal, pick the column split, and keep the image sizes under control with ready-made image styles.
Four paragraph types working together
paragraph_bundle_card installs Card Two Columns and Card Three Columns as the containers, plus Card Image Section and Card Text Section as the pieces that go inside them. The two-column type exposes Left and Right; the three-column type adds a middle field. Each column accepts image sections and text sections only, which is what keeps a card grid from drifting into a general-purpose layout.
Choosing the split
The Card Layout select on the Display tab governs the ratio. Two columns offer 1/2 - 1/2 (the default), 1/3 - 2/3, 2/3 - 1/3, 1/4 - 3/4 and 3/4 - 1/4. Three columns offer seven ratios, starting at 1/3 - 1/3 - 1/3. Available breakpoints decides the screen width at which the columns stack.
What goes in a card
- A Card Image Section has an Image drawn from the module's media type, an Image Link, an Image Link Title for the title attribute, and a checkbox to open that link in a new tab.
- A Card Text Section has a Body, a Link that makes the title clickable, and its own new-tab checkbox.
The image styles it ships
Four crops are installed for cards — 300x180, 500x300, 700x420 and 900x540 — and served through a responsive image style named Card (PB), so a three-column grid does not download a full-width photograph three times.
The suite installs on Drupal 11.3 and 12 only. Grab the install command from the Paragraphs Bundles module page, then enable paragraph_bundle_card.
Would rather have this configured for you? That is Drupal development — or get in touch.
