Skip to content
Submitted 11 months ago

Straight-forward TailwindCSS + HTML Solution

tailwind-css
Jared Peters•120
@jrddp
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Small details such as the coloring of the list decorations were fun to catch and figure out.

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

I could not figure out a good way of fixing the spacing on the ordered list "Instructions" items. I wanted them to display with the same left-padding on each line (each overflow line of each list item should be to the right of the number, not below it). I wanted to do this without changing the semantic "li" and "ol" elements, but I could not find a solution.

Code

Please log in to post a comment

Log in

Community feedback

  • DevBytes-J•60
    @DevBytes-J

    hi!!!....i had the same issue with the instruction part and i struggled with it for weeks without getting it only for me to ignore it for a while and come back to it a few days later and i was able to solve the issue and figure it out i dont know if its possible to explain the procedures here

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