Design comparison
Solution retrospective
I had to look up somethings I never picked up while learning the fundamentals of HTML and CSS. Styling the markers posed as a problem but I was able to find my way around it. I had to re-strategize while dealing with nesting in CSS, putting general styles there and dealing with individual styles with their own selectors. I don't know if my CSS is clean.
Community feedback
- @DPOsengoPosted 9 months ago
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 helpful0@Laridot-1Posted 9 months ago@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???
0
Please log in to post a comment
Log in with GitHubJoin 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