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

html, sass, js

P

@AdamullaOsas

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


What specific areas of your project would you like help with?

There are little borders, especially in corner of my boxes and I dont know how to fix them

Community feedback

@Genildocs

Posted

Here is the translation to English:

Hello, congratulations on completing the challenge. Regarding the borders, try increasing the border-radius of the .box div and removing the overflow property.

body section .box {
    border-radius: 20px;
    width: 255px;
    position: relative;
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

I tested it here, and it worked. You’ll just need to position the image by adjusting the top value.

Marked as helpful

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