Wide Desktop Layout

The <SideBySide> component allows wrapping two arbitrary pieces of markdown or MDX block-level contents to allow the wide layout to put the next to each other if the space allows. It's for "Pairs" of content that directly belong to each other. If multiple blocks are intended for this "left" part it needs to be wrapped in a <div> which is not nice but at least works.

<SideBySide>

Block one - don't forget the blank lines!

Blick two - don't forget the blank lines!

</SideBySide>