remove white space between header and blog content / between blog content and footer

Site URL: https://www.thefuturefounder.com/

How can I remove white space - 
between header and blog content

and also 

between blog content and footer? 

Pictures in the attachment. 

Brilliant. Thank you! 

On 4/19/2021 at 9:29 PM, kristobans said:

Brilliant. Thank you! 

I see the site has some small problems. Do you want to fix these?

Site URL: https://www.thefuturefounder.com/

1. (Tablet-Posts) Increase text width?

2. (Mobile-posts) Make meta same line or remove “|”?

3.(Tablet-Homepage) Align posts – site title?

3 hours ago, tuanphan said:

I see the site has some small problems. Do you want to fix these?

Site URL: https://www.thefuturefounder.com/

1. (Tablet-Posts) Increase text width?

2. (Mobile-posts) Make meta same line or remove “|”?

3.(Tablet-Homepage) Align posts – site title?

Hey. Yes, please. Thank you so much for checking this. 

1. Yes to this. (Tablet-Posts) Increase text width? 

2. Yes to this. Can you make meta the same line please? (Mobile-posts) Make meta same line or remove “|”? P.S It looks ok on my iphone XR. Image in the attachment. Not sure what does it look like on android devices. 

3. Yes to this. (Tablet-Homepage) Align posts – site title?

Thanks again for helping me. 

Q1. 3. Add to Design > Custom CSS

/* Tablet issues */
@media screen and (max-width:991px) and (min-width:768px) {
/* blog posts width */
div.blog-item-inner-wrapper {
    width: 100% !Important;
}
.blog-item-wrapper article.entry {
    padding-left: 6vw;
    padding-right: 6vw;
}
/* align homepage */
body.homepage article .content-wrapper {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
}
.blog-basic-grid.collection-content-wrapper {
    padding-left: 0;
    padding-right: 0;
}
}

13 hours ago, tuanphan said:

Q1. 3. Add to Design > Custom CSS

/* Tablet issues */
@media screen and (max-width:991px) and (min-width:768px) {
/* blog posts width */
div.blog-item-inner-wrapper {
    width: 100% !Important;
}
.blog-item-wrapper article.entry {
    padding-left: 6vw;
    padding-right: 6vw;
}
/* align homepage */
body.homepage article .content-wrapper {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
}
.blog-basic-grid.collection-content-wrapper {
    padding-left: 0;
    padding-right: 0;
}
}

Hey. Brilliant. Thank you so much. It all looks perfect now. 

20 hours ago, kristobans said:

Hey. Brilliant. Thank you so much. It all looks perfect now. 

Q2. You can check. If you need help, we will check & give the code