MCI Multi column error

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.

What I’m trying to do

I am following the document in MCI multicolum by Multi Column Callout | Modular CSS Layout .

I cannot live the exact code here but you can easily find the code in the website above.

Things I have tried


I fust coped and pasted the script from the web site and this is my screen now.
I don’t know why my columns are listed by vertical…
I want to place the that elements on gird like the document.