Reply To: New to Wisteria Questions

[Deron Sizemore]

In regards to the Instagram feed, I was able to get it working with some CSS and media queries. I’m not sure if it’s the best approach, but it seems to work in newer browsers at least:

.wisteria-instagram-wrapper img {
	object-fit: cover;
}

@media (min-width: 1279px) {
	.wisteria-instagram-wrapper img {
		height: 100px;
	}
}

@media (min-width: 1200px) and (max-width: 1279px) {
		.wisteria-instagram-wrapper img {
		height: 87px;
	}	
}

@media (min-width: 991px) and (max-width: 1199px) {
		.wisteria-instagram-wrapper img {
		height: 68px;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
		.wisteria-instagram-wrapper img {
		height: 189px;
	}	
}

@media (min-width: 576px) and (max-width: 768px) {
		.wisteria-instagram-wrapper img {
		height: 144px;
	}	
}

@media (max-width: 576px) {
	.wisteria-instagram-wrapper img {
		height: 150px;
	}	
}

@media (max-width: 500px) {
	.wisteria-instagram-wrapper img {
		height: 100px;
	}	
}