يعتمد هذا المشروع بشكل أساسي على استخدامHTML, CSS لتصميم واجهة مستخدم متكاملة، مع التركيز على تغطية جميع المفاهيم الأساسية في تنسيق صفحات الويب.
تم تنسيق العناصر داخل الصفحة باستخدام خصائص CSS الأساسية مثل:
- التحكم في الألوان والخطوط (Typography)
- استخدام الهوامش (Margins) والحشوات (Padding)
- تحديد الحدود (Borders) والمحاذاة (Alignment)
- ضبط أبعاد العناصر وفهم نموذج الصندوق (Box Model)
- استخدام الـ CSS Selectors بكافة أنواعها للوصول الدقيق للعناصر.
- استخدام تقنيات Flexbox وGrid Layout لتوزيع العناصر بشكل مرن ومتجاوب داخل الصفحة.
- تطبيق مبدأ التصميم المتجاوب (Responsive Design) من خلال (media queries) لضمان أن الموقع يعمل بكفاءة على جميع أحجام الشاشات (هواتف – أجهزة لوحية – شاشات كبيرة).
بالإضافة إلى ذلك، تم تنظيم ملفات CSS بطريقة تجعل من السهل صيانتها وتوسيعها لاحقًا، مع استخدام أسماء كلاسات واضحة واتباع منهجية منظمة في كتابة الأكواد.