Results summary component using flexbox

I found difficult using media queries in order to make the mobile design, since when applying it, it would cut my .left-container in half. To correct this, I changed height: 100vh; in body to min-height: 100vh; To be honest, I'm not completely sure of why that change helped my .left-container to be fully shown with my mobile view, however, I did notice it did not exactly show it as it appears on the mobile-design.jpg image in the design folder, since mine, shows white corners right on top. I wonder if the organization of my CSS is right, I tried to organize it the best I could, but I do feel I used too many DIVS and I wonder if I could have simplified that or if I should have used something else than flex box to organize my CSS. Other than that, I think my second project went fairly easy, I hope to continue learning and looking for ways in which I will be able to improve.