Submitted 10 months ago

html, sass, js

sass/scss

AdamullaOsas•800

@AdamullaOsas

A solution to the Time tracking dashboard challenge

Preview Code

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

Code

Please log in to post a comment

Community feedback

Genildo Cerqueira Souza•500
@Genildocs
Posted 10 months ago
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

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