Flexbox or transform for vertical alignment?


I watched some webflow tutorial about flexbox and it looks like a great feature to get elements where you want them to be. My question is about vertical align and I know it’s possible with Flexbox, but I’m a bit worried about browsers compatibility. I know that most modern browser support that, but I know that a lot of people are still living in the past… So should I use transform translate -50% to get vertical alignment on my website?

I know that table-cell can do the same as well, but I think it’s just a very old code to use, so I will not use that. Only for icons where I can them centered inside a circle.

Thank you