Responsive advice generator with loading animations

What are you most proud of, and what would you do differently next time?

Just started learning Next.js and wanted to fun project to practise. While testing at slow network speeds noticed that the app needed a loading state. So while advice is being fetched, the card animates with placeholder text and dice spins.

What challenges did you encounter, and how did you overcome them?

Learning and using a new framework was the challenge. Learn Next.js has some very good resources.

What specific areas of your project would you like help with?

I noticed the card layout can shift quite a bit when new advice is displayed since the content size changes. Any suggestions on how to best minimize layout shifts when content size is unknown? All feedback is appreciated!