Skip to content
Submitted 26 days ago

recipe page

besher aboshaer•120
@besher94
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

i learned many things from this page and spent hours searching for solutions for each problem i encounter

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

the table is a new element for me, and i learned about it the hard way;), but not gonna lie i had a fun time doing this!

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

the space between the markers of both types of lists(ordered &unordered) and list items, like how do i control this space and what determines it.

Community feedback

  • P
    Patrick•450
    @patrickppgPosted 26 days ago

    When using markers on list elements, you can create space between the marker and the list item's contents simply by using paddings on the list item. For example, try setting padding-left: 1rem; on the list item and it should work just fine.

    Marked as helpful
    1
    besher aboshaer•120
    @besher94Posted 26 days ago

    @patrickppg thx for your help!

    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