CSS has many quirks, and this is just one example that seems illogical. After we get the height of the window we want with flex-grow, we shouldn't have to set another arbitrary height value... but we do because we can't overflow the window if we haven't set a height. And then flex-grow overrides the set height and fills up the window. It's definitely not straightforward.
💖 Support me on Patreon ➜ / davegray
💻 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
🚀 Discord ➜ / discord
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
X: / yesdavidgray
LinkedIn: / davidagray
Blog: https://www.davegray.codes/