Wide Desktop Layout

1 min read

Manual Side By Side Content

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>

Multi Path Block example

Side by side test

Wide layout standard content