This pull request fixes the issue of a black bar appearing at the bottom of the screen for large devices. The problem was caused by incorrect calculation of screen height in the code.
Changes Made
To fix this issue, I changed the height property from height: 100vh to min-height: 100vh in the relevant section of the code. This ensures that the element will take up at least the full height of the viewport, regardless of the size of the device screen.
Testing
I have tested this fix on a variety of devices with different screen sizes, and the black bar no longer appears.
Please review this pull request and let me know if any changes are needed. Thank you for considering my contribution!
Title
Fix black bar issue for large devices
Description
This pull request fixes the issue of a black bar appearing at the bottom of the screen for large devices. The problem was caused by incorrect calculation of screen height in the code.
Changes Made
To fix this issue, I changed the
heightproperty fromheight: 100vhtomin-height: 100vhin the relevant section of the code. This ensures that the element will take up at least the full height of the viewport, regardless of the size of the device screen.Testing
I have tested this fix on a variety of devices with different screen sizes, and the black bar no longer appears.
Please review this pull request and let me know if any changes are needed. Thank you for considering my contribution!