fix examples

CHANGELOG.md

@@ -26,6 +26,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Type selectors can now contain numbers https://github.com/Textualize/textual/issues/1253
 - Fixed visibility not affecting children https://github.com/Textualize/textual/issues/1313
 - Fixed issue with auto width/height and relative children https://github.com/Textualize/textual/issues/1319
+- Fixed issue with offset applied to containers https://github.com/Textualize/textual/issues/1256
 
 ## [0.5.0] - 2022-11-20
 

docs/examples/guide/layout/combining_layouts.css

@@ -5,7 +5,7 @@
     grid-rows: 1fr;
 }
 
-#left-pane > Static {
+#left-pane > Static {    
     background: $boost;
     color: auto;
     margin-bottom: 1;
@@ -13,12 +13,14 @@
 }
 
 #left-pane {
+    height: 100%;
     row-span: 2;
     background: $panel;
     border: dodgerblue;
 }
 
 #top-right {
+    height: 100%;
     background: $panel;
     border: mediumvioletred;
 }
@@ -31,6 +33,7 @@
 }
 
 #bottom-right {
+    height: 100%;
     layout: grid;
     grid-size: 3;
     grid-columns: 1fr;

examples/calculator.css

@@ -11,6 +11,7 @@ Screen {
     margin: 1 2;
     min-height: 25;
     min-width: 26;
+    height: 100%;
 }
 
 Button {