Advice Generator App [BEM + PURECSS + Animation + JS + API]

Hello There! 👋🏽

Here is my solution for this challenge!

Built Using⚒️ :

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Mobile-first workflow
• BEM
• Loader component
• Advice Slip API

Upgrades 🚀:

• Added loader component while waiting for the advice to be fetched!

Question🙋 : Do you have any way I could animate the main container height? While the advice loads the main height just grows with no animation and that's not cool. I've tried max-height it didn't solve the problem. ...

Feedbacks on how I can improve my code would be highly appreciated! 🙏🏽

Thank You, and Keep coding! 👨🏽‍💻