التحكم في الـ Width / Height في Tailwind

<div class="w-10">Width 2.5rem</div> <div class="w-20">Width 5rem</div> <div class="w-40">Width 10rem</div>

<div class="w-1/2">نص العرض</div> <div class="w-1/3">ثلث العرض</div> <div class="w-full">ياخد العرض كله</div>

<div class="w-auto">بحسب المحتوى</div> <div class="w-screen">كل عرض الشاشة</div> <div class="max-w-md">أقصى عرض محدد</div>

<div class="h-10">Height 2.5rem</div> <div class="h-20">Height 5rem</div> <div class="h-40">Height 10rem</div>

<div class="h-1/2">نص الارتفاع</div> <div class="h-full">ياخد كل ارتفاع الـ Parent</div> <div class="h-screen">ياخد طول الشاشة كله</div>

<div class="min-h-screen">لا يقل عن طول الشاشة</div> <div class="max-h-40">أقصى ارتفاع 10rem</div

<div class="w-1/2 h-40 bg-blue-500"> Box نص العرض وارتفاع 10rem </div>