Submitted almost 3 years ago

Advice Generator App builded with Flexbox, JSON, JS and CSS

Tiago Martins•40

@Tiago-Marts

A solution to the Advice generator app challenge

Preview Code

Solution retrospective

I made some alterations from the original design, including:

Scrollbar when the text overflow: sometimes the advice text overflows the space so I add it.
Animation for the dice and loading: I think that adding animation in some elements would give more "life" to it. By the end, I was not 100% satisfied with the animations but I thinkt that works in general.
Constructing the icons: I know that is not recommended to do, but I find a fun activity trying to get the icons and details in pure CSS.

It was a very fun challenge!

Feedbacks are welcome!!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Tiago Martins's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord