This is useful, but note that with `table {break-inside: avoid;}`, if there are tables longer than the page, the browser will add a break before it, and that co

This is useful, but note that with `table {break-inside: avoid;}`, if there are tables longer than the page, the browser will add a break before it, and that could be not desirable. I have used, too: footer { page-break-inside: avoid; } summary { page-break-after: avoid; } body { min-width: 992px; } Explanation: - I usually don't want to break the page footer. - Similar to headings, usually it is not desirable to produce a break after the summary element (for details element). If the details elements are never longer than the page, `details {break-inside: avoid;}`can be useful. - Avoids rendering the mobile version of a page