Resizing of Featured Collection Images

[thatshampooshop]

I'm not sure why my featured product and featured collection are of different sizing.

Is there a way to make the size consistent and follow the featured product image sizing? 

- https://ee15bf-83.myshopify.com/products/beautiful-color-shampoo?_pos=1&_psq=beautiful&_ss=e&_v=1.0

[GTLOfficial · Accepted solution]

Hello @thatshampooshop 
Go to online store ----> themes ----> actions ----> edit code---->base.css ----> line number 93
search this code.

@media screen and (min-width: 990px) {
.page-width-desktop {
max-width: var(--page-width);
padding: 0 5rem;
}
}

and replace with this code

@media screen and (min-width: 990px) {
.page-width-desktop {
max-width: var(--page-width);
padding: 0 15rem;
}
}

 result

If this was helpful, hit the like button and accept the solution.
Thanks

[thatshampooshop]

it works, thanks! 🙂

[GTLOfficial]

Thanks a lot...!!
please hit the like button also.

[thatshampooshop]

Hello GTLOfficial,

The above code works in my resolution but when I use different desktop/resolutions, the sizing changes once again. 

Is there a way to adjust the above code to make sure the sizing is consistent across different resolutions?

Store: https://ee15bf-83.myshopify.com/products/system-professional-hydrate-shampoo