Skip to content
Submitted about 1 month ago

recipe page by frontend mentor

Abdurrahman Habib•70
@Abrster-codes
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 challenges did you encounter, and how did you overcome them?

i couldn't style the bullets and numbers for the ordered and unordered lists

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

i need guidance in styling bullets, line breaks and numbers

Community feedback

  • Abubakar Sadiq Uzaifah•200
    @BigNet90Posted about 1 month ago

    Nice work.

    Regarding this challenge you don't really need a line break, instead you should set the border bottom for the card so it'll appear as if it's line break.

    For list styling try

    li::marker {

    color: pink;

    }

    Marked as helpful
    0
  • Tarun•190
    @Tarun-G-V-NPosted about 1 month ago

    You can use li::marker{color: color name} property to style the bullets and numbers.

    You can also use border-bottom property for a horizontal line after ingredients, instructions, and nutritional values.

    Apart from above things, your page looks great!!

    Marked as helpful
    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