Recipe Page

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

Despite my best attempts, I encounter a couple of issues that I can't fully resolve:

1. Vertically Centering li::marker:

View the code:

• In index.html, line 38
• In main.css, line 104 and 134

I'm trying to align the li::marker of the unordered list vertically in relation to li. I've tried various CSS properties but can't achieve vertical centering. Any guidance on how to align the list markers precisely would be greatly appreciated.

2. Font Discrepancies:

View the code:

• In index.html, line 65
• In main.css, line 104

I notice a discrepancy between the fonts used in my project and the design in Figma. Even though I use the same font specified in Figma, the number 1 in the ordered list appears differently from the one in Figma. I'm unsure why this difference exists and would appreciate any insights or solutions to ensure font consistency between Figma and my project.