How do i align diagonal beams?
To have proper topology and avoid overlapping faces, create a loop cut on the two columns, one cut on the bottom of the left column, and one and a cut on the top of the right column.

Then select the newly created faces on the inside and do Bridge Edge Loops to join them with new faces.
(the shortcut is Ctrl+E and select bridge edge loops)