Edwin Mugo• 170
@EdwinMugo
Posted
Amazing work on this one
1
Marley Semende• 570
@Marley-Semende
Posted
@EdwinMugo Hi 👋🏾. thank you so much much for the feedback. i appreciate it 🫶🏾
0
Design comparison
Solution retrospective
Hi Frontend Mentor Community 👋🏾. I've completed another challenge! I enjoyed building this advice-generator-app with :
- 🚀Semantic HTML
- 🚀CSS Flexbox
- 🚀JavaScript fetch API
For smaller screen sizes 📲, I've added @media query to handle the layout and styling
Things I learnt building this project:
- Using async programming to fetch and handle data from the AdviceSlip Advice API 👨🏾💻
- Adding an
addEventListener()that handled the advice display on button click. Feel free to leave me feedback on my code. Happy coding :)
Community feedback
Theunis• 210
@theYuun
Posted
Awesome! However, consider some smooth transitions between different quotes, like text cross-fading and also adding a transparency transition to the hover effect on the dice button.
0
Please log in to post a comment
Log in with GitHub
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