{% capture columns %}
1
2
3
4
5
{% endcapture %} {% assign columns_link = site.data.links.by_id['columns-basics'] %}

The simplest grid system

Just add columns, they will resize themselves

Better on desktop

This interactive tool works better on larger screens! That's because Bulma columns are vertical by default. I recommend revisiting this page later when you're on desktop. 😉

1

2

3

4

5

{% highlight html %}{{ columns }}{% endhighlight %}

Info

While it's possible to add as many columns as you want, it is recommended to stick with 12 columns.
If you want smaller divisions, you can always nest columns.