App and System Development

Application and system development across web and native platforms

CSS

  • flex-direction: row (Default)
    • justify-content: center centers items horizontally.
    • align-items: center centers items vertically.
  • flex-direction: column
    • justify-content: center centers items vertically.
    • align-items: center centers items horizontally

align-items: start (or flex-start) aligns items to the top edge of the container, ignoring font sizes, while align-items: baseline aligns items so their text baselines sit on the same line, regardless of item heights or font sizes. Use start to align elements by their top border; use baseline to align mixed-size text content cleanly.