یک صفحه HTML ساده بسازید که یک جعبه محتوا را طوری طراحی کند که عرض آن بین 300px تا 800px و ارتفاع آن بین 200px تا 600px تغییر کند و هنگام تغییر اندازه پنجره مرورگر جعبه به‌صورت واکنش‌گرا رفتار کند.

برای طراحی یک جعبه محتوا با عرض 300–800px و ارتفاع 200–600px که به‌طور واکنش‌گرا تغییر کند، استفاده از min-width، max-width، min-height و max-height با width: 100% مناسب است تا جعبه در هر اندازه پنجره به اندازه مناسب کشیده شود. همچنین از box-sizing: border-box استفاده کنید تا padding و border داخل اندازه کل گنجانده شوند. برای ساده‌سازی و کنترل دقیق‌تر اندازه‌ها می‌توانید از تابع clamp() در CSS استفاده کنید تا اندازه بین حداقل و حداکثر با یک مقدار ترجیحی معین اجرا شود. در نهایت اضافه کردن overflow: auto یا overflow-y: auto برای محتوای بیش از ارتفاع، و تست روی دستگاه‌های مختلف با واحدهای درصد یا vw/vh، پیشنهاد می‌شود.