# How would I create a 2 column page?

**URL:** <https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188>\
**Category:** Themes\
**Created:** [February 22, 2020, 1:33pm UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188 "2020-02-22T13:33:03Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![yogibjorn](https://avatars.discourse-cdn.com/v4/letter/y/73ab20/32.png) [@yogibjorn](https://forum.ghost.org/u/yogibjorn)\
**Post date:** [February 22, 2020, 1:33pm UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/1 "2020-02-22T13:33:03Z")

</div>

I am using the default Casper theme, and would like to know how Iød create a 2 column page.?

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [February 24, 2020, 9:17am UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/2 "2020-02-24T09:17:29Z")

</div>

Hey, would you you be able to provide a better description or maybe even a screenshot of what you’re trying to achieve? Thanks

---

<div class="post-metadata">

**Author:** ![yogibjorn](https://avatars.discourse-cdn.com/v4/letter/y/73ab20/32.png) [@yogibjorn](https://forum.ghost.org/u/yogibjorn)\
**Post date:** [February 24, 2020, 10:00am UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/3 "2020-02-24T10:00:01Z")

</div>

It would look something like this with 2 columns, ![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/b/b21ecb91ded3f9df7ef1e6ba2b73e5e1ddcf0285.jpeg)

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [February 24, 2020, 11:14am UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/4 "2020-02-24T11:14:41Z")

</div>

Ah I see, thanks for this. I would look into learning some CSS Grid, it’s a very powerful web development tool where you can achieve more complex layouts like this. Here’s some resources for you:

[https://gridbyexample.com/video/](https://gridbyexample.com/video/)

> **[CSS Grid](https://cssgrid.io/)**
>
> Learn all about CSS Grid with Wes Bos in this free video series!

> **[A Complete Guide to CSS Grid | CSS-Tricks](https://css-tricks.com/snippets/css/complete-guide-grid/)**
>
> Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.

> **[Learn CSS Grid - A Guide to Learning CSS Grid](https://learncssgrid.com/)**
>
> A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.

---

<div class="post-metadata">

**Author:** ![NickW](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@NickW](https://forum.ghost.org/u/NickW)\
**Post date:** [January 12, 2021, 6:21pm UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/5 "2021-01-12T18:21:40Z")

</div>

I was quite excited in finding Ghost, but really dissappointed to find that there’s no non-developer method of adding columns. I thought there might have been layout cards for eg 2, 3, or 4 columns. I am a developer, but the user creating the publications isn’t.

---

<div class="post-metadata">

**Author:** ![Aditya\_Sharma](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/aditya_sharma/32/32205_2.png) [@Aditya\_Sharma](https://forum.ghost.org/u/Aditya_Sharma)\
**Post date:** [September 18, 2024, 8:25am UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/6 "2024-09-18T08:25:41Z")

</div>

+1  
Even i am very Dissappointed

---

<div class="post-metadata">

**Author:** ![Akash\_Patel](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/akash_patel/32/32206_2.png) [@Akash\_Patel](https://forum.ghost.org/u/Akash_Patel)\
**Post date:** [September 18, 2024, 8:27am UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/7 "2024-09-18T08:27:56Z")

</div>

even i thought the same but really disappointed to know that it doesnt have like grid flex controls on its own rather we have to add it by injecting code rather than using this why not use bootstrap and pure css instead that would be incredibly faster so disappointed…with this

---

<div class="post-metadata">

**Author:** ![digitalresidue](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/digitalresidue/32/30339_2.png) [@digitalresidue](https://forum.ghost.org/u/digitalresidue)\
**Post date:** [September 22, 2024, 4:13am UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/8 "2024-09-22T04:13:42Z")

</div>

Thats the point of making theme to display how you want it, whining that there is no lazy way wont help you to get better in general with making what you want.

Read and learn the theme making and adjust or tweak source or casper to what you need. This isn’t WordPress and there is reasons why that approach isnt what is followed with Ghost.

---

<div class="post-metadata">

**Author:** ![AnimaVillis](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/animavillis/32/27600_2.png) [@AnimaVillis](https://forum.ghost.org/u/AnimaVillis)\
**Post date:** [September 22, 2024, 8:48am UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/9 "2024-09-22T08:48:36Z")

</div>

If you need clickable method change to wordpress otherwise download theme, unpack it, change your css and grid, compile theme, upload it, that’s all.

---

<div class="post-metadata">

**Author:** ![vlavrynovych](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/vlavrynovych/32/31432_2.png) [@vlavrynovych](https://forum.ghost.org/u/vlavrynovych)\
**Post date:** [September 22, 2024, 4:35pm UTC](https://forum.ghost.org/t/how-would-i-create-a-2-column-page/12188/10 "2024-09-22T16:35:05Z")

</div>

Just recently touched related topic about text alignment…

Here is my comment from there:

> [@Add Text Align in Editor](https://forum.ghost.org/t/add-text-align-in-editor/22106/7):
>
> As a developer (not of the Ghost blog), I probably understand why it was not added - because there is always something more important in the roadmap. But if guys will combine this request with another one like an ability to break one line to a two, three or four panels/columns with ability to aling text - it will make Ghost more attractive to the new users. Each time I write my articles I want to place image on the left and text on the right in the same line. Even remembering that I am a deve…

It is not user friendly and not attractive for the new users who is consider migrating to Ghost to be experienced in CSS of JavaScript. It’s ok for me, not for 99% of who would like to write

So, the only right way for such a small things is to be added as part of built-in components

I’d like to refer to the dev team in this and other similar topics. I’m not pushing or trying to make their lives hard. I only know that it’s a low effort task and a matter of priorities
