Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

IPChecker with error handlers and other stuff

Nikita 140

@Whaleless

Desktop design screenshot for the IP Address Tracker coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey there :) I will appreciate your feedback!

Community feedback

Chris 520

@9CB5

Posted

Great work, but one major flaw I noticed is that the ip-info div moves up or down depending on the height because of position: absolute and bottom: 30%. This meant that in devices with a short screen height (e.g. nest hub) the ip-info div goes high enough that it ends up covering the input box and the user unable to search for IP.

To fix this, remove the properties I mentioned, set a margin-top to the ip-info div, then set a fixed height on the header and map component.

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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