Tailwind

أولا سبب عدم ظهور القوائم من اليسار فهذا بسبب شاشة العرض لديك فيبدوا أنك تعمل على وضع الهاتف أو أنك عرض الشاشة صغير لهذا لا تظهر الشاشة بأكملها لديك كما لدى المدرب.

أيضا ستلاحظ إختلاف في الإصدار حيث أسماء الكلاسات مختلفة لدى المدرب ولديك لهذا الأفضل حتى تظهر لك الكلاسات بشكل صحيح وتستخدم نفس الأسماء لدى المدرب أن تقوم بإستخدام نفس الإصدار وهو 3.0.15

بتاريخ 8 ساعة قال محمد عاطف25:

أولا سبب عدم ظهور القوائم من اليسار فهذا بسبب شاشة العرض لديك فيبدوا أنك تعمل على وضع الهاتف أو أنك عرض الشاشة صغير لهذا لا تظهر الشاشة بأكملها لديك كما لدى المدرب.

أيضا ستلاحظ إختلاف في الإصدار حيث أسماء الكلاسات مختلفة لدى المدرب ولديك لهذا الأفضل حتى تظهر لك الكلاسات بشكل صحيح وتستخدم نفس الأسماء لدى المدرب أن تقوم بإستخدام نفس الإصدار وهو 3.0.15

بعرف اني مصغر الشاشة لكن حتى لو كبرت لا تظهر العناصر
يعني مثلا الصوره الذي سأرسلها عندي duration 150 300 700 فقط لكن عند المدرب في شاشته 75 100 150 200 300  500 600 700 1000 اين هذه العناصر لم اجدها في Docs وايضا هذا احدث اصدار لما استخدم اصدار قديم 

بتاريخ 50 دقائق مضت قال Ibrahim Almahdy:

بعرف اني مصغر الشاشة لكن حتى لو كبرت لا تظهر العناصر
يعني مثلا الصوره الذي سأرسلها عندي duration 150 300 700 فقط لكن عند المدرب في شاشته 75 100 150 200 300  500 600 700 1000 اين هذه العناصر لم اجدها في Docs وايضا هذا احدث اصدار لما استخدم اصدار قديم 

يمكنك اتباع الرابط التالي وسيظهر كما لدى المدرب في الصورة :

• https://v3.tailwindcss.com/docs/transition-duration

بتاريخ 9 دقائق مضت قال محمد عاطف25:

يمكنك اتباع الرابط التالي وسيظهر كما لدى المدرب في الصورة :

• https://v3.tailwindcss.com/docs/transition-duration

نعم لقد قمت بذلك برجوع للاصدار الاقدم

كما تم التوضيح أن ما تراه ليس مشكلة في متصفحك ولا في حجم الشاشة، بل هو اختلاف بين إصدارين مختلفين من توثيق Tailwind CSS يستخدمهما كل منكما.

وبالطبع بالإصدار الحديث الإصدار الرابع فقد استغنى عن هذا الجدول وهي قيم ال duration، واكتفى بعرض ثلاث قيم فقط كأمثلة توضيحية (150 و300 و700)، ووجه المستخدم لاستخدام صياغة القيم الحرة عند الحاجة إلى قيمة أخرى.
وأيضاً المربعات الأربعة ليست بنفس درجة الاستدارة وذلك بسبب اختلاف الأصناف المعروضة في التوثيق.

في الإصدار الرابع، كثير من القيم أصبحت ديناميكية، لذلك لم يعد التوثيق يطبع جدول طويل بالقيم كلها، بل يكتب قاعدة عامة:

duration-<number>

وتعني أي رقم تستطيع كتابته، مثل duration-75 و duration-100 و duration-200 و duration-500 و duration-1000 وحتى duration-250 التي لم تكن موجودة في v3.

إذن القيم ليست مفقودة من المكتبة عندك هي فقط لم تعد مكتوبة كجدول في التوثيق، ويعرض أمثلة قليلة، وأيضاً القيمة الصغيرة 0.125rem كانت اسمها rounded-sm فأصبح اسمها rounded-xs  والقيمة 0.25rem كانت اسمها rounded بدون أي لاحقة، فأصبح اسمها rounded-sm، ومن md فما فوق لم يتغير شيء.

وذلك لتوحيد منطق التسميات في كل المقاييس مثل shadow وblur أيضًا صارت عندها xs، بحيث لا يوجد كلاس بدون لاحقة في وسط المقياس.