# How to use Grids/Columns easily

**URL:** <https://forum.ghost.org/t/how-to-use-grids-columns-easily/4793>\
**Category:** Developer help\
**Created:** [January 3, 2019, 8:27am UTC](https://forum.ghost.org/t/how-to-use-grids-columns-easily/4793 "2019-01-03T08:27:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dana](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/dana/32/1396_2.png) [@dana](https://forum.ghost.org/u/dana)\
**Post date:** [January 3, 2019, 8:27am UTC](https://forum.ghost.org/t/how-to-use-grids-columns-easily/4793/1 "2019-01-03T08:27:47Z")

</div>

Is there a clean way to use grid/columns without writing a HTML block?

I see some themes using grid components. For example in this post: [Elements](https://massively.ghost.io/elements/) (under “Lists”).

I know how to write columns/grid tags directly as HTML if I wanted, but that seems a little ugly… I love using the Koenig editor for somewhat-WSIWYG. Actually, it’s my favourite feature of Ghost.

Googling this, I found various themes that said they have bootstrap grid support, but not much else or specific guidance on how to use it (my blog’s theme, Voice, does not, so I’d have to include the css as a header, but that messes with the theme design).

My blog in case you need it for reference: [https://hooshmand.net](https://hooshmand.net)

---

<div class="post-metadata">

**Author:** ![dana](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/dana/32/1396_2.png) [@dana](https://forum.ghost.org/u/dana)\
**Post date:** [January 3, 2019, 5:04pm UTC](https://forum.ghost.org/t/how-to-use-grids-columns-easily/4793/2 "2019-01-03T17:04:35Z")

</div>

Figured it out. Changed my theme to Massively, which looked cool. In the process, just looked up what classes it used.

Realized I could surround my content with three small blocks of incomplete HTML, and edit the content in the columns using the editor.

Wrote it up here:

> **[Grids and Columns in Ghost (Casper) without Bootstrap](https://hooshmand.net/using-grids-and-columns-in-ghost/)**
>
> How to use grids and column layout in Ghost Koenig editor, for a two-column or three-column layout. Works in Casper or any theme without Bootstrap!

---

<div class="post-metadata">

**Author:** ![dsecareanu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/dsecareanu/32/413_2.png) [@dsecareanu](https://forum.ghost.org/u/dsecareanu)\
**Post date:** [January 6, 2019, 5:42pm UTC](https://forum.ghost.org/t/how-to-use-grids-columns-easily/4793/3 "2019-01-06T17:42:24Z")

</div>

Just a quick note for one of your posts:

> **[Ghost vs Wordpress (2021) — Which is best for writers?](https://hooshmand.net/ghost-vs-wordpress/)**
>
> Ghost (with Koenig editor) vs WordPress (with Gutenberg editor): Why Ghost is still the better choice for writers, content creators, speed, and maintenance.

(it’s Koenig, not Keurig - the name of the Ghost editor)

---

<div class="post-metadata">

**Author:** ![dana](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/dana/32/1396_2.png) [@dana](https://forum.ghost.org/u/dana)\
**Post date:** [January 6, 2019, 6:06pm UTC](https://forum.ghost.org/t/how-to-use-grids-columns-easily/4793/4 "2019-01-06T18:06:14Z")

</div>

Hahaha I always have to make such a conscious effort to write “Koenig” because I am active in the coffee world — but think I have been double-correcting back to Keurig! Thank you!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/b/ba9ce5100b8bb264586f4f572545596b2ce3f081.png) [@system](https://forum.ghost.org/u/system)\
**Post date:** [January 20, 2019, 6:06pm UTC](https://forum.ghost.org/t/how-to-use-grids-columns-easily/4793/5 "2019-01-20T18:06:20Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.