From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 10 Apr 2023 03:20:06 +0000 (-0700)
Subject: Restrict min and max resizing
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=98912b76ed018af2abb856de6c65d40f5d3761d5;p=css-for-line-clamp-ellipsis

Restrict min and max resizing
---

diff --git a/index.html b/index.html
index a287e06..9604fa1 100644
--- a/index.html
+++ b/index.html
@@ -85,6 +85,8 @@
 
     .width-resizable {
       resize: horizontal;
+      min-inline-size: 50px;
+      max-inline-size: min(1080px, 100% - 16px);
     }
 
     .dynamic-line-clamp {
@@ -96,6 +98,8 @@
 
     .height-resizable {
       resize: vertical;
+      min-block-size: 21px;
+      max-block-size: 294px;
     }
 
     .width-resizable,