[طلب شرح] تركيب كود الشات في واجهة css

السلام عليكم ورحمة الله وبركاتهـ
اسعد الله اوقاتكم بكل خير

انا صممته صفحة شات css
بملفين css و HTML‬‬

والباقي شرح تركيب منفذ الشات ودورتهـ علي شروحات ما لقيت ولا شرح ..!

اتمنى العارف الطريقة ما يبخل علينا ويشرحهـ عشان نستفيد كلنا إن شاء الله

في انتظاركم ​

مشكور اخي علي الرد السريع
من ناحية الطريقة التقليدية .. html بالفرونج بيج
ما عندي مشكلة فيها واعرفهـ تمام وصممته واجهات كتيرة بالطريقة دي واضفت الكود من غير اي مشاكل ..!

بس المرة دي صممتها عن طريق css
يعني اكواد الكلاسات بتكون في ملف الـ ( index ) تبع الـ html
واكواد الـ css بتكون في ملف الـ css وبيتم الربط بينهم باسم ملف الـ css

وحاولت اضافة الكود في اسم كلاس الصورة زي ما وضحت انت بس ما ظبطت معاي ..!

تقريبا في ملف تكست لكود الدردشة بيتربط مع الملفات تقريبا والله اعلم
واضافة الكود لها طريقة وحاولت فيها صراحة بس فشلت وما زالت المحاولات قائمة
اتمنى انك تكون فهمتني
وسعيد جدا بمساعدتك .. يعطيك الف عافية
​