This is Why CSS is so Frustrating! 😭

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 ➜ Patreon: davegray

💻 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

🚀 Discord ➜  Discord: discord

👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
X: Twitter: yesdavidgray
LinkedIn: LinkedIn: davidagray
Blog: https://www.davegray.codes/

• #education
• #css
• #css_quirks
• #weird_css
• #strange_css
• #illogical_css
• #web_development
• #css_is_hard
• #why_css_is_hard
• #why_css_is_frustrating
• #web_design
• #flex_grow
• #flexbox
• #overflow
• #overflow_auto
• #is_css_hard_to_learn
• #css_is_so_hard
• #css_is_hard_or_easy
• #is_css_hard
• #css_is_difficult
• #difficult_css
• #unknown_css