What is Bento grid?
The short answer
A bento grid is a layout of rounded tiles in different sizes, like a bento lunch box, used to present several features or facts in one scannable block.
What people say: “the box layout”, “Apple-style feature boxes”.
Bento grid, explained
Each tile carries one idea. Size signals importance, and interactive tiles can expand or animate on hover.
Questions people ask about Bento grid
What is Bento grid?
A bento grid is a layout of rounded tiles in different sizes, like a bento lunch box, used to present several features or facts in one scannable block.
Related terms
A layout grid is the invisible system of columns and gutters that aligns everything on a page, giving a design order and rhythm.
CSS GridCSS Grid is a two-dimensional layout system that places elements into rows and columns at once, making complex page layouts possible with a few lines of CSS.
Micro-interactionsMicro-interactions are small, single-purpose animations that respond to what a visitor does, like a button that presses in, a heart that fills or a field that shakes on an error.
Parallax scrollingParallax scrolling moves background and foreground layers at different speeds as you scroll, creating an illusion of depth.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.