How to line up Product Images and Titles? | Debut Theme

[GlitchGator]

I want all my product images and text to be lined up and uniform throughout the website. Right now it looks fine on desktop, but it is messed up on mobile. How can I fix this?

My website - Bakegomo.com

[Wahab_Ahmad]

Hello @GlitchGator, Can you highlights your bugs?

[GlitchGator]

@Wahab_Ahmad I'm not sure what you mean, but I'd to line up product images and titles even when they are differing in size. I've posted a pic of how it is on my website for mobile currently.  

[KetanKumar]

@GlitchGator 

Thanks for clear your bug

can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

This code change after 5-6 second

@media only screen and (max-width: 749px) {
.grid-view-item__image-wrapper div {
    padding-top: 100% !important;
}
.grid-view-item__image {
    height: 100%;
    object-fit: contain;
}
}

Afte code this view

[GlitchGator]

Awesome! That worked perfectly.

If I would also want things to be lined up automatically on the desktop, is there anything else I would need to add? 

Or would this piece of code be sufficient?

Thanks!

[KetanKumar]

@GlitchGator 

it's my pleasure to help us

nothing any change its fine fo your code