@DPOsengo
Posted
Hi, I see that you used ul::marker to color your bullets, interesting, but apparently still "experimental", here is a whole page I used, very interesting, explaining how to completely restyle them :
CSS: Colored Bullets and List numbers by Bert Bos
... and I will spoil the end, when the author gives an even quicker trick to do that : put your text in <span> like this :
<li><span>This is a list element</span></li>
then you color your <li> with these 2 steps :
li {color: red}
li span {color: black}
Of course that's "if you have the right to modify the markup", if you cannot add spans, then the whole page explains the how-to.
Happy reading !
Marked as helpful
@Laridot-1
Posted
@DPOsengo, thanks for taking your time to review my work. I actually thought of the second idea while building the project, I just wanted to use what CSS offers. The problem I couldn't solve is the position of the markers, I guess they're vertically aligned at the center of each list item. I wanted to use a span element for the list then add a display of flex and vertically align it but I don't know if that'd be a good solution to that. Should I just provide any solution to problems or should I follow best practices???
