Skip to content

What is the difference between "Tiles" and "Squares"

Tiles use display: flex - Squares use display: block.

TILES are "variable height":

  • Are part of a flex-box row
  • Height of a tile is based on the content / formatter
  • All tiles in a row will have the same height decause of flex
  • If height of tiles on a row is variable, flex will compensate for this

SQUARES require "fixed height":

  • Are not in flex-box row, use traditional box model
  • Usually do "float" left
  • Height must be set in the square itself as fixed height