How to limit the height of list within viewport?


#1

Please find the attached image. I want to show cards as list items. The number of list-items is limited to five. In small screens, the list overflows the screen creating scroll. In large screen, the list is small resulting in a lot of blank space. I used list view because I want to make the cards re-orderable. Is it possible to equally divide the vertical space between top edge of the screen and the upper edge of tabs in the bottom and allocate list items in them? I want to make the view consistent (entire 5 cards visible without scroll or without blank space after last card and tabs) across devices.