Responsive Result Summary Component

1.I have a "Result" section within a container, and I want the "Result" section to take the full height of its parent element, but I'm struggling to achieve this. I have tried setting the height of both the parent container and the "Result" section to 100%, but it's still not working as expected. The "Result" section seems to have some extra space at the top and bottom, and I can't figure out why. I've also attempted using flexbox and the position property to create a full-height layout, but it didn't solve the issue. I would greatly appreciate any insights or suggestions on how to make the "Result" section take the full height of its parent container without any extra spacing. Thank you in advance for your help! 2. Also what are the best practices to do this project.