Skip to content
Submitted about 3 years ago

Plain css.

Pela Cristian•120
@criske
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

Any feedback is more than welcomed. There is a faint border comming from card background on each activity small card, because the card-body (with hours) doesn't cover the card (parent) properly. Any idea how can I solve this? Thanks.

Community feedback

  • jkominovic•75
    @JulianKominovicPosted about 3 years ago

    Hi, the border issue is caused by "overflow:hidden" on every div card. Try removing the "overflow:hidden", setting the card parent on "position: relative", the inner card on "position:absolute" and add "width:100%". See this image: https://ibb.co/hBHTdP8 . Greetings from Argentina 😀.

    Marked as helpful
    0
    Pela Cristian•120
    @criskePosted about 3 years ago

    @JulianKominovic Nice, it works now. Cheers!

    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