This solution selects the correct color scheme chosen based on user's computer preferences. Please let me know if it doesn't work on your machine :) or if you spot any other issues.

David
@lumiukoAll comments
- @ortalyartsWhat are you most proud of, and what would you do differently next time?P@lumiuko
Hello, great solution so far. I've noticed some small bugs in your app.
- If I type something into the text input and press enter, it refreshes the page. You can fix this behavior by adding the "submit" event on the form instead of "click" on the button and using event.preventDefault.
- When the text input is empty and I click "Search", the image seems like it can't be loaded. To improve UX, you can just not do anything but display the error message near the button.
- On mobile screens, the error message overlaps the input field and placeholder.
- Also, in the mobile view, I can't scroll the content. The solution is to remove "overflow: hidden" from the body.
Marked as helpful - @beqarionP@lumiuko
Very nice animations, well done!
- @beqarionP@lumiuko
Hey, great solution so far. You can also use
object-position: left
on the image to make it even closer to the design.Marked as helpful - @beqarionP@lumiuko
Pixel-perfect 👍
- @mizek1P@lumiuko
Nice one! It's almost pixel-perfect