How to align elements with other element

Scenario: A user wants to centre-align an image in a left column with text in a right column.

👎 Incorrect approach:  The user sets either negative or positive margins to try and position the image centrally. Although, this may work on the user's screen at the time, when a visitor or other user loads the page on their screen it is likely to be no longer correctly aligned.

👍 Correct approach:  In the row, apply ‘Equalize Columns’ and set your vertical alignment.  If you want everything aligned in the centre vertically, then set 'vertical' and everything will align to the centre of the column. This will match the height of all columns within that row. Doing this correctly sets responsive design that will adjust accordingly to the screen size of each visitor's device.