# Feature cover bento > A short heading row, then a bento of three photograph tiles: one tall cover beside two shorter ones stacked, the tall one exactly as high as the pair and the gap between them. Each tile carries a label, a feature title and one line on a heavy veil of your theme's contrast colour, so the words pass whatever photograph you choose. Includes replaceable example photographs. States no colour and no font of its own. Stacks to one column on a phone. Canonical: https://patternpaste.com/pattern/feature-cover-bento.html Section: Features Access: Included in Pattern Paste access. Needs: Requires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type. Blocks: cover, group, heading, paragraph Keywords: features, bento, cover, photo, grid, tiles ## Variations (2) ### Tall on the left (the default) Identical markup in every theme. The tall tile leads on the left, the two short tiles stack on the right. An 80% veil of your contrast under your base type on every tile. ### Tall on the right Identical markup in every theme. The same bento turned over: two short tiles stack on the left and the tall tile closes the row on the right, for a page whose previous section leans left. --- ## The signature moment: one tall cover against two short ones The bento is a two-column grid and the tall cover spans both rows, so it is never sized by a number: it stretches to exactly the two short tiles plus the gap between them, whatever the copy or the theme's type does to their height. The top and bottom edges of the pair always meet the tall tile's edges. The collision of one long picture against two squat ones is the composition, and it survives with the colour taken out. ## Why type on a photograph is permitted here Type sits on each photograph only through a `core/cover` veil: `contrast` at `dimRatio` 80 under `base` type. The veil's colour is a chain and its opacity a number, so the lightest ground the words can land on is the veil over a white photograph, and that is what the contrast gate measures. Lower the veil below 80 and that stops being true. Body text is held to 4.5:1; the tile titles are large display and held to 3:1 at least, though they measure far above it. ## What it inherits, what it decides Inherits: every colour (band `base`, veil `contrast`, type `base` on the tiles and `contrast` in the heading row), the typeface, the spacing scale. Decides: the veil's opacity, the grid, the tile heights (26rem short, 32rem tall when stacked), the 44rem heading measure and the 24rem lede measure. Display type, off the ladder because its size IS the composition: the `h2` (40px to 88px) sets the scale the bento answers, and the tall tile's title (30px to 48px) outranks the two short tiles, whose titles stay on the ladder at `large`. Labels keep their own size. Each cover states its text colour chain, so core's `#fff` cover text never applies. ## At each width The grid asks for two columns no narrower than 20rem. At 1920, 1280 and 820 that is the bento; below about 700px of content width it drops to one column, and the tile order becomes tall, then the two short tiles, each at its own minimum height. ## What a buyer changes first The photographs (select a tile, choose Replace), then the three titles. Keep a title to about four words and the line under it to one sentence. ## Variations - **Tall on the right**: the same grid with the tall tile in the second column. It is source order, not a setting: the first short tile, then the tall one, then the second short one, and the grid places them. On a phone the tall tile reads second. ## Included images The copied markup includes WordPress Photo Directory example photographs. The public image URLs keep the examples visible after pasting. Select an image or cover and choose **Replace** to use your own Media Library files. See [image credits](/image-credits/) for the sources and licenses. Pasting an image URL does not import a Media Library attachment.