7: Add CSS for full-page illustrations

Author: acabal

7-high-level-structural-patterns.rst

@@ -1306,6 +1306,14 @@ Images
 				}
 			}
 
+			@supports(display: grid){
+				figure.full-page{
+					display: grid;
+					grid-template-rows: 1fr auto;
+					max-height: 100%;
+				}
+			}
+
 	#.	:html:`<figure>` elements that are meant to be aligned block-level with the text have this additional CSS:
 
 		.. code:: css
@@ -1344,6 +1352,14 @@ Examples
 		}
 	}
 
+	@supports(display: grid){
+		figure.full-page{
+			display: grid;
+			grid-template-rows: 1fr auto;
+			max-height: 100%;
+		}
+	}
+
 	/* If the image is meant to be aligned block-level with the text, use this selector... */
 	figure{
 		break-inside: avoid;