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

Responsive using flexbox and grid, no framework, mobile friendly

@PaoloVilardi

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


What can I improve here? How did you manage to place the banner with the ip information to stay between the header and the map section? I still need to implement the domain search feature, is there something else I am missing?

Community feedback

Chris 520

@9CB5

Posted

Hi. You can just set a fixed height on the header such that it ends in the middle of the ip information div. You can achieve this if you remove flex: 1 in your header and change height to something like 14rem.

Hope this helps. Happy coding.

Marked as helpful

1

@PaoloVilardi

Posted

@9CB5 It worked, thanks a bunch!

1
Chris 520

@9CB5

Posted

@PaoloVilardi Glad to help! If you could also please mark the comment as helpful so I can get points, that would be great 😊

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