Result Summary Component using Flexbox

Hey Fellow Developers, I finished another challenge and I learnt something new. I learnt the use of 'before' and 'after' pseudo elements.

Pseudo elements are basically used to style a specific part of an element (e.g first letter, or line of an element) or to insert content before or after the content of an element.

In this case, I used them to add the corner highlights for the items in the summary section using the before and after pseudo elements.

I would appreciate any feedback and or suggestions that could help me improve.