Bulma’s image class constrains responsive images with optional size modifiers. Combine with figure for captioned media—building on HTML images and CSS sizing without reinventing aspect-ratio rules.
Image sizes
image is-16by9,is-4by3,is-square— fixed aspect ratios via padding hackimage is-128x128— square dimensions for avatars and thumbnailsimage is-rounded— circular crop for profile photos
Figure pattern
Wrap with figure class="image" and add figure-caption (via figcaption styled in content) for accessible captions. Always set meaningful alt text on img elements.
Self-check
- How do you render a circular 96px avatar?
- Why use
figure.imageinstead of a rawimgtag?