List View: Display limits across resolutions #24
nagueva
started this conversation in
Show and tell
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
After some feedback, I've been experimenting with the list view at various screen resolutions to determine the optimal number of items displayed for each size.
Here are the findings:
640x480
Supports a maximum of 11 items
720x480
Maximum of 11 items.
720x576
Maximum of 14 items.
720x720
Maximum of 18 items.
1280x720
Maximum of 18 items.
✅ Decision
Item Count
The navigation experience is way better with odd numbers. So I'm keeping the following values:
Spacing
Increasing spacing between list elements by 2px will ensure a consistent and visually balanced layout across resolutions.
👀 Expected results
720x576 (with 13 items)
720x720 (with 17 items)
1280x720 (with 17 items)
Important: 480px height screens won't change.
Since I'm only testing in 640x480, let me know if you see any mismatch for the expected results.
Cheers,
– Nagüeva
Beta Was this translation helpful? Give feedback.
All reactions