Markdown

General Markdown Formatting

https://commonmark.org/help/

Code.org Specific Tricks

Expandable Image

![expandable](https://cdn.glitch.com/863b2e2c-c3b7-405e-8ece-1585b4e83e88%2Fif-statement.gif?v=1625508266788)

Expandable Image that floats to right of instructions

<div markdown="1" style="float: right; margin: 20px;">

![expandable](https://cdn.glitch.com/863b2e2c-c3b7-405e-8ece-1585b4e83e88%2Fif-statement.gif?v=1625508266788)

<br/>

Click to Expand

</div>

Code Block that links to documentation

These links can be taken from lesson editing window, then used in instructions on levels as well

[`setScreen()`(#fff176)](/docs/applab/setScreen/)

Collapsible Panel (Details / Summary)

::: details [**This is what people can click on to expand**]
This is inside the expandable area
- Bullet 1
- Bullet 2
:::

Quote Bubbles

These create colorful areas with large text that can be filled with quotes.

> Type in your quote here!

Multiple New Lines in Markdown

## This is a heading
Text text text

 
 
 
 

This would appear like 4-5 lines lower