Brooklyn i want in my (all collections) section the same image size

[ManouselisJohn]

Hello evryone i have a problem with images at my all collections section at my homepage (images bellow)

i want both at computer and mobile collections images be the same size and smaller than now so it can be beutiful and more profesional thanks evryone!

(the first 2 photos bellow are from pc and the last 2 from mobile)

www.designkey.us

[LitExtension]

Hi @ManouselisJohn ,

You want to show like this:

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.collection-grid{
	display: flex;
    flex-wrap: wrap;
}
.collection-grid .grid__item {
    width: calc(100%/3) !important;
    height: 350px;
}
@media only screen and (max-width: 768px){
	.collection-grid .grid__item {
		width: 50% !important;
	}
}

Hope it helps!