This
This is your main content. On desktop screens, theThe infobox will float to the right ofon desktop screens, allowing this text, allowing the contenttext to wrap around it.it The infobox maintains a fixed width and proper spacing.naturally.
On mobile devices (screens smaller than 768px),devices, the infobox will automatically movemoves belowto full width and stacks with the contentcontent. The structure is kept simple to ensure BookStack preserves it correctly.
Since BookStack aggressively modifies HTML structure, this solution uses minimal nesting and becomeavoids full-width.complex Additionally,interactive it becomes collapsible using a CSS-only solutionelements that worksmight withinbe BookStack'sstripped limitations.or reorganized.
The collapsible functionality uses a hidden checkbox and label combination, which BookStack should preserve since these are standard form elements often used in documentation.
