perennialAutodidact / memory-snap

0 stars 0 forks source link

90 tiles extend off the bottom of the screen #95

Open russfraze opened 2 months ago

russfraze commented 2 months ago

## 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.

perennialAutodidact commented 1 month ago

On mobile, the tile grid is missing bottom padding if one of the tiles gets pushed to its own row image

perennialAutodidact commented 1 month ago

In mobile landscape mode and on larger screens, the tile grid could extend farther toward the edges of the screen image image

perennialAutodidact commented 1 month ago

On desktop, if one of the tiles falls on its own row, there are empty spaces on either side of the tile grid container image