Is it because of positioning the plus?

Hello everyone. I’m trying to duplicate this design:
https://dribbble.com/shots/2492038-Task-List-App/attachments/489171

And here’s my code:

At first I did the whole thing by having a border.

Once I removed the border since I don’t need it anymore, my design breaks.

So, what I did is made my border as white in order to prevent from this trouble.

My ideal choice will be that the code should not break if i remove line 58. Can anyone help me with this problem that why it breaks?

it is happening because of margins on your today text, and easy fix to this would be to remove the border and add a padding-top: 1px in its place, but a proper fix to this would be to remove the margin from the top of your today text and replace it with padding hope this helps :slightly_smiling_face:

2 Likes

Yes, the proper fix helped, thank you!!

1 Like