Responsive order summary component page

Hi, I have completed the order summary component challenge. I have tried my best to come close to design. But, when the height of the device is greater than 700px, for example like ipad or ipad pro the bottom half of the page is blank which is awkward. How can improve my design to make it look better? I used a div (along with container-fluid class from Bootstrap) to fill the bottom background colour and has a fixed height. This is the reason for above problem I described. Is there any better way to do this? Can you also provide feedback about deviations between design and my solution?

Thanks