Design comparison
SolutionDesign
Solution retrospective
Hey there :) I will appreciate your feedback!
Community feedback
- @9CB5Posted over 1 year ago
Great work, but one major flaw I noticed is that the
ip-info
div moves up or down depending on the height because ofposition: absolute
andbottom: 30%
. This meant that in devices with a short screen height (e.g. nest hub) theip-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 theip-info
div, then set a fixedheight
on the header and map component.Marked as helpful1
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