This text should be green if the viewport is portrait.

This text should be green if the viewport is landscape.

Obviously, at least one should be green, but never both. Square is portrait.