Skip to content
Submitted about 4 years ago

IP Address Tracker with Vue

BerylBucket•280
@BerylBucket
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...IP Address Tracker
  • HTML
  • CSS
  • JS
  • API
3intermediate

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

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    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
    @hoc245Posted about 4 years ago

    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

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