Recipe Page based on Html and CSS with responsive design.

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

After setting up the 4th page, I am getting more familiar with global setting for fonts and color from a design requirement (Figma), which increase some confidence for the team working.

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

The major problem for me from his practice is the how to set the <li> styles, for this, I have asked GPT, and start to recognize the "li::marker"selector, list-style-position:outside/inside, how to set the padding and text indent.

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

I'd like to understand how to align bullet with text. currently when my page is narrowed down to the mobile size, the <ul><li> Bullet is aligned with the 1st line of wrapped text. However, from the design, the bullet should vertical centered. I have not figure out how to do it. I'd like to get some help and advice from you. Thank you very much.