Homepage: Intro text block removal

Hi there,

This code should do the trick:

/* Hides portfolio page content */
div.portfolio-content {
	display: none;
}

/* Makes portfolio page content area wider */
div.portfolio-projects {
	width: 100%;
}

/* Makes portfolio thumbnails bigger on desktop screens */
@media screen and (min-width: 1020px) {

body:not(.single-jetpack-portfolio):not(.search) .jetpack-portfolio.hentry {
		width: 47%;
	}
}

I’d recommend going with a percentage for resizing the thumbnails so they’ll dynamically adjust based on screen size. 47% works well in my testing to have two images side-by-side, or 30% for three. That does cause some jerkiness when resizing the screen, but for the average site visitor that shouldn’t pose an issue, as they’re unlikely to be resizing their browsers while looking at your site.

You can also set a fixed width if you prefer. Around 450px appears to work best.

I had to fiddle with the percentages a bit under each media query, but that worked fine, thank you!

Glad I could help ??