Honeycomb

Aspect Ratio

Displays content within a desired ratio.

When To Use

  • To maintain consistent aspect ratios for images or videos.
  • To prevent layout shifts during loading.
16:9 Landscape
Commonly used for video embeds and hero images.
16:9
1:1 Square
Equal width and height for square image displays.
1:1
9:16 Portrait
Vertical orientation for portrait-format displays.
9:16