Design comparison
Solution retrospective
Hello, Frontend Mentor coding community. This is my solution for the Advice Generator App.
It was a fun project to do as a first project to test the platform. I simply have a minor issue with the API, which does not refresh the advise presented when making a new request for some reason. Apart than that, everything went smoothly, and I'm eager to take on new challenges in order to become a better developer.
Feel free to leave a feedback on my work.
Community feedback
- @EDDuardOo-CodePosted about 2 years ago
Congratulations completing your challenge Urban
if you want to show the advice when the pages load you can do that ,adding a event listener
btnAdvice.addEventListener('click',() =>{ getAdvice(); } ) window.onload = () =>{ getAdvice(); }
also i like the desing and how you work with css variables, that makes changing colors a lot easier, if you want the card to be center you can use flexbox in the body, something like this
body{ background-color: var(--neutral-dark-blue); display:flex; justify-content:center; aling-items:center; min-height:100vh; }
also it is better to work with classes cause we can reuse the code , idยดs can get pretty heavy to work with , overall the project it is really good, hope to see more of your work and also see more of your projects , Keep going ๐๐
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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