با استفاده از تابع calc() در CSS یک کادر بسازید که عرض آن برابر 100% منهای 40px باشد و در وسط صفحه قرار گیرد.

برای حل این مسئله یک فایل CSS بسازید و برای عنصر موردنظر عرض را به صورت width: calc(100% - 40px); تعیین کنید و برای مرکز کردن از margin: 0 auto; استفاده کنید؛ بهتر است box-sizing: border-box; را هم قرار دهید تا padding و border در محاسبه عرض لحاظ شوند. نکات مهم: در calc() بین عملگرها فاصله بگذارید (مثلاً 100% - 40px)، می‌توانید یک مقدار fallback مثل width: 100%; قبل از calc بنویسید تا در مرورگرهای خیلی قدیمی رفتار مناسبی داشته باشید، و نتیجه را در اندازه‌های مختلف صفحه برای اطمینان از واکنش‌گرایی تست کنید.