Skip to content
Submitted over 2 years ago

responsive HTML, CSS grid and Javascript

tarik310•230
@tarik310
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi in this challenge I had a problem with the bottom border-radius of the data cards showing 1px annoying gaps between parent and child Divs. I don't know is it because of my screen resolution or something else but I solved it with reducing the border-radius of the child div Any feedbacks would be appreciated. Thanks

Community feedback

  • Kiyoomi•480
    @JukiyoomiPosted over 2 years ago

    Hey, I don't know if I get your problem, but you can try to put border-radius only on parent and set overflow to hidden, so you don't need border-radius on child to fix you problem. I hope that can help you :)

    0
    tarik310•230
    @tarik310Posted over 2 years ago

    @Jukiyoomi I tried overflow: hidden but didn't work you could this image ( https://imgbox.com/gyjQYszs ) to see what is the problem. here the parent is set to overflow hidden

    0
    Kiyoomi•480
    @JukiyoomiPosted over 2 years ago

    @tarik310 Oh it did not appear on my machine, did you try to open it with your phone ? maybe it's your computer which does not display it correctly.

    0
    tarik310•230
    @tarik310Posted over 2 years ago

    @Jukiyoomi yes it is from my screen resolution then. thank you very much.👍

    1
    Kiyoomi•480
    @JukiyoomiPosted over 2 years ago

    @tarik310 my pleasure 😁

    1

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