Markdown Canvases

As an alternative to the double-headed flex arrow, you can use customizable canvases! Here's a little about how they work:

[MODIFIERS] :: MARKDOWN | SEPARATED | BY | LITTLE | LINE | THING ::

They also must start with "canvas" and a plus symbol.

Modifiers are separated by a space and go in this order:

• gap
• justify - center, left, right, etc (center is default)
• align - center, left, right, etc (center is default)
• direction - row, column (column WILL FLIP justify and align!!!) (center is default)

the examples below will be rendered, press edit to see how they work!!

Let's try putting vertically centered text next to an image, with the image on the other side of the container:

text with image next to it!

The example above does none of what we want. First, we need to push the image to the other side:

text with image next to it!

Now that the image is in the correct place, we must align the text:

text with image next to it!

Done!

Fun Stuff

Obviously you can have more than 2 columns:

text with image next to it!

whatever

more whatever

Let's convert it into a column layout (instead of row) for fun!

text with image below it!

whatever

more whatever