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 with Vue

@BerylBucket

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


Hi 👋

I can't get a .env file to work so I will disable the API keys in a few days.

On desktop, there has to be lines in between the ip info divs, and I used linear gradients for this. Is there a easier way to do this?

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, nice work, BerylBucket! 👏

I only suggest,

  • Setting either one of the width or height properties of the location icon to auto so that it maintains its aspect ratio and doesn't appear squeezed or anything.

Keep coding (and happy coding, too)! 😁

0
Rin Nguyen 270

@hoc245

Posted

I don't use grid for this so i dont think border-left will work. Maybe you can try ::before ::after with as height as you want and keep it right side of the div then remove the last div::selector.

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