I was confused with this part. Finally, I realized that the UL is still 100% height and you want to let the bottom still visible. That confuses people. Please change the height of UL to calc(100% - 7rem)