Gaps Occurring on a Gallery Page

do you mean the “gap” of different # of books in a row?
it could be happening due to minimum height assigned to each portfolio items.
try increasing the min-height in the media queries area of your CSS file to see if the situation can be adjusted. you might need to make several adjustments depending on how your CSS file is set up.

EXAMPLE of what I noticed:

@media screen and (min-width: 55em){
.portfolio-index-item {
    width: 31%;
    margin: 1%;
    float: left;
    min-height: 450px;
}
}

• This reply was modified 2 years, 2 months ago by lisa.

Hi Lisa,

Many thanks for your reply/help.

Yes, that’s correct, I keep getting a random “gap”.

I’ve just changed it to this:

.portfolio-index-item {
			width:30%;
			margin:1%;
			float:left;
			min-height:500px;
		}

Which works fine on certain browser widths, looks like I’ll need to tweak other @media widths as well.