Image grids are a simple way to arrange [[images]] in columns. This feature requires [[Contextual Typography]] and is compatible with [[Block width]] options for image widths.
Image grids can be activated globally using [[Minimal Theme Settings]] and [[Hotkeys]], or on a per-file basis using the [[Helper classes]].
Image grids are easy to use, and don't rely on any special syntax. All you do is add an extra line break between images to create a row, and columns take care of themselves
# Known limitations
Image grids rely on consecutive images being grouped into a parent container. Obsidian does not do this by default, so it is currently achieved with [[Contextual Typography]]. As of this writing, Contextual Typography only works in Reading view. Image grids are also incompatible with PDF export functionality for the same reason. For the best user experience, it is recommended to edit image grids via source mode, rather than Live Preview.
- Toggle image grids globally
- Cycle through image block width options
# Helper classes
Use [[Helper classes]] to control image grids on a note
| Class | Description |
| ---------- | ---------------------------------------- |
| `img-grid` | Sets image layout to grid mode |
| `img-100` | Image blocks fill 100% of the pane width |
| `img-max` | Image blocks fill the max line width |
| `img-wide` | Image blocks fill the wide line width |