I had already completed this challenge before but decided to redo it, this time on CodeSandbox. Please let me know if you can think of anything to improve it.
I think that your design looks good and it functions as it should. Overall look is great, so these are only little, not-so-important details that I noticed:
- Maybe the width of the quote box should be standard. Now it looks a little “suprising” (couldn’t come up with a better word…) when the box scales from wide to narrow when short quote shows up. But maybe this is just a personal preference.
- For me, after clicking the next quote button, the button gets blue borders that stick until I click somewhere else.
Thanks for your feedback
I had debated about doing something like this. I’ve tried playing with the styles a bit. Let me know what you think.
I forgot about the outline on form elements. I did also change the outline to none when focused so this shouldn’t show up anymore.
It looks great and I love the quotes. What API did you use?
Also I think you should make it responsive to make it perfect.
It should already be responsive? Far as API I had trouble finding one that I liked and would work so what I ended up doing instead was just creating a JSON file with a bunch of quotes I grabbed in it.