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
- The New York Times: Snow Fall: Full-screen video sections fill the whole width of the window between the text.
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.