media

Two-column image + text layout. Stacks vertically on mobile. Set reverse to alternate image position for multi-block feature sections.

Screenshot

One-tap controls

Tap to flap. Chippy Bird takes seconds to learn and a lifetime to conquer.

Download

media({
  image:   `<img src="${screenshot}" alt="App screenshot">`,
  content: stack({ gap: 'md', content:
    '<h3>One-tap controls</h3>' +
    '<p>Tap to flap.</p>' +
    button({ label: 'Download', href: appStoreUrl })
  }),
  reverse: false,
})

Prop	Type	Default
`image`	string (HTML)	—	Raw HTML slot — img, figure, SVG, or styled div
`content`	string (HTML)	—	Raw HTML slot
`reverse`	boolean	false	Puts text left, image right
`align`	string	'center'	'center' · 'start'
`gap`	string	'md'	'sm' · 'md' · 'lg'