The UI of the app currently uses a Flex box layout for displaying the games.
However this causes problems when you have more than 2 games presented on the screen.
When you have more games than can be fit onto the screen it overflows horizontally.
Desired Behavior:
We want to display as many cards as we can and overflow into a grid layout that will expand as we add more game cards.
Proposed Solution:
We need to use some flex wrap. We could also addflex: 0 1 calc(...); Which should take care of our overflowing problems.
Problem:
The UI of the app currently uses a Flex box layout for displaying the games. However this causes problems when you have more than 2 games presented on the screen. When you have more games than can be fit onto the screen it overflows horizontally.
Desired Behavior:
We want to display as many cards as we can and overflow into a grid layout that will expand as we add more game cards.
Proposed Solution:
We need to use some
flex wrap. We could also addflex: 0 1 calc(...);Which should take care of our overflowing problems.