Box Model

Overflow

What happens when content is bigger than its box?

Value	Behaviour
`visible`	Default. Content spills outside the box.
`hidden`	Extra content is cut off.
`scroll`	Always shows scrollbars.
`auto`	Shows scrollbars only when needed.

.chat {
  height: 400px;
  overflow-y: auto;  /* scroll vertically when messages overflow */
}

.thumbnail {
  overflow: hidden;  /* crop the zoomed image on hover */
  border-radius: 12px;
}