Adjust portfolio height on mobile

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

Hi! I really like the way I have my portfolio laid out on the desktop version of my site. However, on the mobile version, the portfolio looks really large and I don't know how to adjust the section height. See picture attached for reference. Is there any way to make the space between the arrow and "about" smaller on the mobile view?

Hi,

You can try this:

.portfolio-hover-items {
flex-grow: 0 !important;
}

On 9/2/2022 at 4:21 PM, Wolfsilon said:

Hi,

You can try this:

.portfolio-hover-items {
flex-grow: 0 !important;
}

 

Thank you! This worked for the top of the portfolio, but the bottom of it is still pretty wide. Is there additional code I could use for the bottom of the portfolio?

Hmmm,

You could try:

@media only screen and (max-width:640px){
.portfolio-hover {
min-height: unset;
	}
.portfolio-hover-display {
min-height: unset;
	}
}