Simple main with the use of font-variant-numeric for the

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

I'm most proud of successfully tackling the styling of the ordered list numbers to perfectly match the design. It was a small but impactful detail that required some specific research into CSS properties like font-variant-numeric: normal;, and getting it just right felt very rewarding. It's often these seemingly minor details that make a design truly shine.

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

My main challenge, as mentioned, was getting the ordered list item numbers to display correctly. Initially, they weren't rendering with the exact style or weight depicted in the design preview.

I overcame this by systematically debugging and researching CSS font properties. I experimented with font-weight, font-size, and then delved into more specific typographic controls. This led me to discover font-variant-numeric: normal;, which ultimately resolved the issue by resetting any default browser or inherited styles that were subtly altering the number's appearance. It was a good reminder to sometimes look beyond the most obvious properties.

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

Currently, I'm quite satisfied with the project's outcome given the scope of the challenge. However, if I were to seek help or feedback, it would be around optimizing the SASS structure for larger projects. I'd be interested in best practices for organizing partials and variable files in a way that scales efficiently for more complex UIs, as well as strategies for managing global styles versus component-specific styles.