Design comparison
Solution retrospective
Fairly simple project. Only thing I would do differently next time is hopefully complete the challenge faster. It took me longer than expected to complete.
What specific areas of your project would you like help with?The only trouble I had for this project was dealing with getting the text to go to the right of the makers. It works on the first line but once it goes to the next line the text is directly under the marker rather than going under the first word of the text. If anyone could point out to me how to do it that would be great.
Adding left margin inside of a span nested inside of the list item only worked for the first line. I also tried wrapping the text content in a div and made the div a block-level element, but that put the entire block of text on the next line with the marker above it.
Community feedback
- @rafbar2000rrPosted about 1 month ago
In my project I did the following in <ol>, I didn't use list-inside-space neither marker:text-primary-nutmeg:
<ol class=" pl-5 ml-[10px] list-decimal "> and for each <li> I only added a padding left class pl-2, this way: <li class="pl-2"> So each text will be at the right of its marker and it worked.0
Please log in to post a comment
Log in with GitHub
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