Open russfraze opened 2 months ago
On mobile, the tile grid is missing bottom padding if one of the tiles gets pushed to its own row
In mobile landscape mode and on larger screens, the tile grid could extend farther toward the edges of the screen
On desktop, if one of the tiles falls on its own row, there are empty spaces on either side of the tile grid container
## Description of changes
I set up a useBreakpoint context similar to the examples sited, and made some small adjustments to the app level container and tileGrid container, adding a fluid property while in portrait size so that the background color remains the same even when the tileGrid component extends beyond the height of the screen.
Test steps
Open dev tools, check that when you start a game with the max amount of sizes, that it looks good in every size, and that the background color remains consistent even on the sizes where you have to scroll down to see the last tile.