Can anyone help me with this issue. PLEASE!!! My product images need to be the same size and centered. I got the same size, but can’t center the images.
.grid__image {
display: block;
margin: 0 auto ($gutter / 2);
img {
margin: 0 auto;
horizontal-align: center;
display: block;
position: relative;
text-align: center;
vertical-align: middle;
align-self: center;
justify-self: center;
box-sizing: border-box;
max-width: 288px;
max-height:209.05px;
}
}