Select Page

Blog post 2

Something I see asked so often and is actually really simple is how to vertically center content. Like when you have some text next to an image but the text doesn’t fill the whole space, you want it to sit in the vertical center of the column rather than at the top.

You can do this with padding to an extent but this can throw your layout off on smaller screens if you don’t add some media queries and of course FireFox doesn’t always play nice with percentages which you need to use for responsiveness.

Adding a custom CSS class to your stylesheet means you can vertically center any content in a matter of seconds.

So let’s get cooking!