Responsive Recipe Page | Vanilla HTML/CSS

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

I genuinely implemented the design system in a way that it can be reused as a variable across elements, also applying two sets of fonts the way it is described in the challenge.

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

The margin or spacing above and bellow the body by removing 'height: 100%' in the html tag element then replacing it with padding as well as setting the body height to 'fit-content'.

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

I think my code have inconsistencies with it's responsiveness especially with media queries and fonts as well as my spacing with paddings across each ul/ol elements since I need to modify it's pseudo selectors to be able to change its appearance, lastly I don't think my border radius are that consistent throughout the whole page and the hierarchy of each text elements and it's sizes.