yjwen/org-reveal

how to make a grid layout?

Closed this issue · 3 comments

Hello, here is what bothers me:

suppose I have 8 figures to show in one slide and I want to show them in 2 rows, which means 4 figures (columns) in each row. How can I do that? Does it mean that I have to write my own .css stylesheet and use the command like
#+reveal_extra_css: my-grid-layout-stylesheet.css
in the .org file?

I am a rookie to html and css, hope someone could help. THX!

yjwen commented

The simplest way is organizing the pictures in a table, if you don't care about the appearance.

* Heading 1

  | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] |
  | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] |

image

The simplest way is organizing the pictures in a table, if you don't care about the appearance.

* Heading 1

  | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] |
  | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] | [[./hlevel.png]] |

Thanks! Thats brilliant! In the past few days I was trying to use .css file and it also worked. Anyway, thats a really nice way! THX!

yjwen commented

You are welcome.