Vertically Aligning images

SOLVE
Highlighted
Regular Contributor

Hi

 

I have tried several ways to vertically align some images in the middle of a div. however I cant seem to solve this issue. 

I have provided a link to the page im working on and would really appreciate some help with the CSS required.

 http://www-eurobase-com.sandbox.hs-sites.com/our-partners?hs_preview=CYWkVcAE-6002374269

 

Thanks for any help!

 

Regards

Matt

0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Top Advisor | Platinum Partner

@Matt1986 - try: 

.logo-tile-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

View solution in original post

0 Upvotes
3 Replies 3
Highlighted
Solution
Top Advisor | Platinum Partner

@Matt1986 - try: 

.logo-tile-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

View solution in original post

0 Upvotes
Regular Advisor

In addition to Tim's post, I always use this resource for centring things (you'll see it's pretty much what he recommended).

 

I thought it might come in handy if you need to centre anything else as it can be a pain!

 


Stephanie O'Gay Garcia
HubSpot Design / Development / Automation
Website | Contact

0 Upvotes
Highlighted
Occasional Contributor

Is there inline styling you can do to accomplish this?

0 Upvotes