Help with centering text and image in a collection

[KoshIntl]

https://koshys.shop/collections

How do I edit the page so the 'Certificates' text is same line as other text in the collection and the image is centered?

[BSSCommerce-B2B]

Hi @KoshIntl 
I have reviewed your requirement, are you want the store lock like this

If it's correct 
Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.card:not(.ratio)>.card__content {
    display: flex !important;
    justify-content: end;
    align-items: center;
    flex-direction: column;
}

Step 3: Save your code and reload this page.

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

[KoshIntl]

Not exactly, but it did fix the text and make it on the same line as the others.

[Made4uo-Ribe · Accepted solution]

Hi @KoshIntl 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

#shopify-section-template--23162073579811__main > div > ul > li:nth-child(2) > div > div {
    display: grid;
    grid-template-rows: 0.3fr 0.5fr;
}

.card.card--standard.card--media, .card__information {
    align-content: flex-end;
}

And Save. 

Result;

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[KoshIntl]

This is exactly how I need it. Thanks!