Design comparison
Solution retrospective
It took some time to work with the api (around 3 to 4 days). Any feedback is appreciated.
Community feedback
- @TheShonuffPosted almost 3 years ago
I looked at your project and noticed you're not loading in a new quote on the button click event. I Struggled with this for a bit myself and found this to be helpful. Here is the code I implemented
let response = await fetch("https://api.adviceslip.com/advice", { cache: "no-store", });
I would also recommend adding a hover event to your button. Per the design you need to add a glow effect. That can be done with a little CSS box-shadow and an alpha value. Good job on getting the cursor to be a pointer. I forgot that aspect when submitting my solution. Don't forget to try and eliminate all of your HTML errors in the report generated with the solution. Figuring out where to stick the h1 tag was a little mini-challenge.
Marked as helpful1@RishavDas0307Posted almost 3 years ago@TheShonuff ok will surely look into this and update the code asap
0 - @Deevyn9Posted almost 3 years ago
This is brilliant Rishav, You can reduce the body height to avoid the scrolling.
Happy coding
1
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