Can you tell me how to make equal spacing above and below my homepage gallery

Question

Im using a template based site, with added css. So I dont have any code to add, other than below. Here is my site im trying to fix. The code below is what i added to fix the spacing above my homepage gallery, and it messed up the space below the gallery. Im trying to make the top and bottom equal space.

.sqs-layout .sqs-row .sqs-block:last-child {
 padding-bottom: 34;
 padding-top: 0;

Answer 1

You have the CSS #pageWrapper{margin-bottom:30px;} which displays normally at big screen sizes. However, that space is still there when you resize the window.
The solution is to add margin-bottom:0px; into the @media thing:

@media only screen and (max-width: 800px)
#header, #pageWrapper, #footer{
padding: 30px 20px;
margin-bottom:0px;
}

EDIT:
margin-bottom: 0px !important in the @media query should do it.