Kevin Powell - Community•5w ago

Reviews on To-do list project

Hello guys, sorry to disturb you all; I'm trying to make a to-do list... the project isn't complete yet but I need some reviews about the styles, what can be changed/modified for a better visual. Also, I feel that the orange circle isn't centered with the text, is there a way to center them perfectly please. Here is my codepen: https://codepen.io/Fakeur/pen/OJKwvor

1 Reply

I am Groot•3w ago

you can try

 selector li { margin-bottom: 20px;    position: relative;   display: flex;   align-items: center;  }                                               selector li::before { content: " ";  display: block;   margin-right: 15px;   margin-left: 0px; padding-left: 0px;  }

 selector li { margin-bottom: 20px;    position: relative;   display: flex;   align-items: center;  }                                               selector li::before { content: " ";  display: block;   margin-right: 15px;   margin-left: 0px; padding-left: 0px;  }

you can change the margin-bottom, margin-right, margin-left and padding-left to better fit your desired look.

Gaming

Programming

Reviews on To-do list project