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

Time Tracking Dashboard | React, Tailwind, Vite

@yosephwinata

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I can't get rid of the slight background colors at the bottom corner of every card. Any feedback is greatly appreciated.

Community feedback

@lorenacrincon

Posted

Hi!

I couldn't find the issue with the border, but I have a feeling that I experienced the exact same thing in a previous project. You can try applying the rounded top and rounded bottom classes to each corner of each container, as it seems to be due to a default margin or something else. For example, in my case, I remember that I was able to solve it with the rounded-tl-md and rounded-tr-md classes from Tailwind. You can experiment with that and see if you arrive at any solution.

I hope this helps you.

Marked as helpful

1

@yosephwinata

Posted

@lorenacrincon Thanks for your comment

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