Placing Features Side by Side

Themes
1

Hey guys! So I just started using Ghost and was curious how to customize some things… specifically how to place product boxes side by side. I am making a “top reviewed products” type page and would like to have all the products lined up along the top so they are easy to read and compare, rather than needing to scroll down to read each one.

Any ideas if this is possible and what kind of work is involved? I don’t know much about html or anything, just curious where to start exploring.

1 Like
2

Help, I also face this issue and can’t find the answer. Thanks

3

make an html card before them. In it put:

<div style="display: flex; flex-direction: row">

put in your two cards
Then another html card with:

</div>

Note that it isn’t going to look right in the EDITOR, but (possibly with some more style adjustment) you can make it look right on the page itself.