Skip to content
OverviewSolutions
10
Comments
1
Sushi
@SushiOnToast

All comments

  • Soye Usoroh•40
    @lazy-coffeeSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy the final solution came out really well and I was able to put appropriate spacing between each element

    What challenges did you encounter, and how did you overcome them?

    I encountered a challenge adding the spacing between the bullet points and the text after it . I also had a bit of trouble customizing the bullet points but Google helped me with that

    What specific areas of your project would you like help with?

    I'd like some help or pointers about how to space bullet points and their text

    Recipe Page Solution

    1
    Sushi•170
    @SushiOnToastPosted 6 months ago

    First of all, you’ve done a splendid job on this challenge - well done!

    Regarding your question, you were actually super close to achieving a gap between the bullet and the text content. What you did was give the li element margin-left: 20px - all you have to do is change margin-left to padding-left instead and you should be good to go.

    Another method is surrounding the text inside the li element with a <span> tag and giving it relative positioning .

    In my opinion the first method is easier but if you want to check out the second one this post on stack overflow might help: https://stackoverflow.com/questions/4373046/css-control-space-between-bullet-and-li

    Hope this helps :)

    0