Skip to content
Prompt Words
History

Full-bleed

Also called: edge to edge, full-width image, bleed, full-screen section.

A picture, video or section that runs to the very edges of the screen, with no margin around it, while the text stays in a narrow column. The word comes from printing, where an image "bleeds" off the page.

Full-bleed means the picture runs to the very edges of the screen, with no margin around it.

Contained

Say it in a prompt

Keep the article text in a 680px column, but make the photos full-bleed: 100vw wide, no border radius and no side margin, 60vh tall with object-fit: cover.

Seen on

You might describe it as

  • picture that goes all the way to the edges
  • image wider than the text with no margins
  • photo that touches both sides of the screen

Not to be confused with

  • Hero

    Full-bleed is about going edge to edge, anywhere on the page; a hero is the first section at the top, which may or may not be full-bleed.