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

IP address tracker solution

Tim 200

@animalchin45

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

Community feedback

Account Deleted

Hello Tim,

Good job on this project, I especially like how you have enabled the input to submit on pressing enter instead of refreshing the page, a lot of people missed this!

Your project however isn't responsive, so it cannot truthfully be considered complete. Although you may just be practicing the functionality of web development, it's very important to also practice CSS properly, as when you begin creating complicated applications, the layout will become a nightmare unless you understand responsive design, flexbox, grid and media queries properly.

Good job and keep coding!

0

Tim 200

@animalchin45

Posted

@ashmaddenweb Thanks for the feedback! I'll have to make those revisions to the css to work at screen sizes between 1440 and 375. I thought it was odd that wasn't specified in the readme.

0

Account Deleted

@animalchin45

I would suggest going as low as 320px and over 1440, as some people have huge monitors. That's easy to fix though you can just set a max-width to the outer container to whatever width you want it to be capped to, and let other elements continue to be 100vw.

0

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