4 ms·
The more modern grail (named so for their utility and difficulty to create) layout these days is the typical "docs layout" you'll see on a good docs page. These
by snide 3y ago
The more modern grail (named so for their utility and difficulty to create) layout these days is the typical "docs layout" you'll see on a good docs page. These usually involve
- Three columns
- A left side fixed, scroll-able column
- A right side sticky, scroll-able column. Sometimes aligned to window, sometimes aligned to the inner column.
- An inner column that max-widths to a readable width
- A sticky header
- Content within the inner column that itself will scroll (think code blocks) and will respect the center column width, sometimes for stylistic reasons breaking outside of that width (images in article layouts).
- Responsive rules to drop the right column, and make the left column a togglable nav.
^^ the above is surprisingly tricky to pull off, though you see it commonly in well built documentation systems.
For an example, here's one I built https://xata.io/docs/concepts/file-attachments https://xata.io/docs/concepts/file-attachments