All solutions

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.

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

In terms of spacing of the sections and fonts/sizes, what should I do to improve its responsiveness?

based on my current styles/css how can I improve my code in terms of responsiveness?

Any suggestions how can I improve my css especially with the min and max width of both result & summary component; I do think there is some better way to do it and make it more responsive.