How to remove white space that is above the footer and below the content area?

Hi there,

You could try this CSS:

.entry-content p {
    line-height: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

However, I would recommend adding that picture as the Featured Image:
https://docs.generatepress.com/article/adding-featured-images/

Let me know if this helps.

Nice it worked, but on the mobile version of the site, i can still see the white line sometimes in safari on my iphone. Do I need to add some mobile css to get rid of it?

I would still consider adding that picture as the Featured Image:
https://docs.generatepress.com/article/adding-featured-images/

I assume you also turned off mobile version of your site? I don't see the white line from my end.

It shouldn't be sometimes there.