# Convert to Lists and Grids

## Use Lists and Grids to Enrich User Experience

If you need to display scrolling elements dynamically, you should check if they are lists or [grids](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/list-grid-design-to-ios-android-code/grid-design-to-ios-android-code). Lists are vertical, and grids can be vertical or horizontal. In lists, only 1 cell can be in a column but for Grids, it can be more than 1 cell in a column. Here is an example of both of them:

![Lists and Grids](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MKpDF6Xgwb_Z7dwqXur%2F-MKpE6OolHScNdfLNTPX%2Flists%20and%20grids.png?alt=media\&token=b789979e-27f8-43d8-88a7-a80c1792cec9)

Once you decide what you want to create, you can click the links below. 

* [Lists](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/list-grid-design-to-ios-android-code/list-design-to-ios-android-code)
* [Grids](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/list-grid-design-to-ios-android-code/grid-design-to-ios-android-code)