Salt design system logo
  • About
  • Getting started
  • Foundations
  • Themes
  • Components
  • Patterns
  • Overview
  • Accordion
  • AG Grid theme
  • Avatar
  • Badge
  • Banner
  • Border layout
  • Button
  • Calendar 🚧
  • Card
  • Checkbox
  • Combo box
  • Country symbol
  • Date Input 🚧
  • Date Picker 🚧
  • Dialog
  • Divider
  • Drawer
  • Dropdown
  • File drop zone
  • Flex layout
  • Flow layout
  • Form field
  • Grid layout
  • Icon
  • Input
  • Link
  • List box
  • Menu
  • Multiline input
  • Navigation item
  • Overlay
  • Pagination
  • Panel
  • Parent-child layout
  • Pill
  • Progress
  • Radio button
  • Salt provider
  • Scrim
  • Segmented button group
  • Semantic icon provider
  • Slider 🚧
  • Spinner
  • Split layout
  • Stack layout
  • Static list 🚧
  • Status indicator
  • Stepped tracker 🚧
  • Stepper input 🚧
  • Switch
  • System status 🚧
  • Tabs 🚧
  • Tag
  • Text
  • Toast
  • Toggle button
  • Tokenized input 🚧
  • Tooltip

Grid layout

GridLayout and GridItem manage the layout of the main content area in your application screen or webpage. It aligns content to a system of equally distributed columns and rows to create a cohesive and organized user interface. When combined with responsive breakpoints, You can configure GridLayout to determine the display of specific content across different viewport sizes or device screen sizes.

Also known as

Column layout, Responsive grid

Similar to

  • Border layout

Resources

  • View source code

Support

  • Report a bug
  • Request a feature

Previous Page

Form field / Form field

Next Page

Icon / Icon

Terms of use
Privacy policy
Contact us
© 2025 JPMorgan Chase & Co. All rights reserved.