Responsive result summary component

@Hart-wiz Nice work on the project so far! I did notice, however, that on the mobile version, Grades are overflowing past the edges of the screen. This can affect the user experience, especially on smaller devices. It would be great to adjust the layout to ensure everything fits within the screen boundaries. And also, the gap between summary items and score elements seems to be changing with the screen size. This can make the layout look inconsistent across different devices. It might be worth looking into setting a consistent spacing that scales properly across various screen sizes. If you need any help figuring this out, feel free to reach out—I'm here to help!"