Block container from also resizing vertically

diff --git a/index.html b/index.html
index 9604fa158cba9826826440d159f225da847da2d5..50af36dd185a8e9c8cee01417c481d86735ce050 100644 (file)
--- a/index.html
+++ b/index.html
@@ -102,6 +102,10 @@
       max-block-size: 294px;
     }
 
+    .height-resizable-container {
+      min-block-size: 296px;
+    }
+
     .width-resizable,
     .height-resizable {
       border: 1px dashed hsl(216deg 50% 75%);
@@ -178,7 +182,7 @@ function getLineHeightInPx(elem) {
 const elem = document.querySelector('.dynamic-line-clamp');
 new ResizeObserver(_ => elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)))).observe(elem);</pre>
     <p>Try adjusting the height:</p>
-    <div class="aside-container">
+    <div class="aside-container height-resizable-container">
       <p class="dynamic-line-clamp height-resizable">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
         magna aliqua. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin. Suscipit adipiscing bibendum