احد تحديات ال ~front end mentor

صفحة ويب مخصصة لعرض وصفة "Omelette" بسيطة، مع التركيز على تصميم نظيف وسهل القراءة. يهدف المشروع إلى تنظيم المحتوى بشكل منطقي وتقديمه بطريقة جذابة للمستخدم، مع التركيز على العناصر التفاعلية والقابلة للتعديل.

التقنيات المستخدمة:

HTML: لإنشاء الهيكل الأساسي للصفحة، بما في ذلك العناوين، الفقرات، القوائم المرتبة (لتفاصيل وقت التحضير والإرشادات)، والقوائم غير المرتبة (للمكونات)، بالإضافة إلى جداول (للمعلومات الغذائية).

CSS: لتنسيق كافة عناصر الصفحة، مع تطبيق تصميم متجاوب (Responsive Design) لضمان ظهور الصفحة بشكل ممتاز على جميع الأجهزة (من الهواتف الذكية إلى أجهزة الكمبيوتر المكتبية). تم التركيز على:

استخدام خطوط وألوان مناسبة لتحسين قابلية القراءة.

ترتيب المحتوى في أقسام واضحة (وقت التحضير، المكونات، الإرشادات، المعلومات الغذائية).

تنسيق العناصر مثل القوائم والجداول لجعلها جذابة وسهلة الفهم.

إضافة مسافات مناسبة (padding and margin) لتحسين المظهر العام للصفحة.

النتائج:

إنشاء صفحة ويب كاملة لوصفة طعام، تعرض المحتوى بشكل منظم وسهل التصفح.

تطبيق مبادئ التصميم المتجاوب لتوفير تجربة مستخدم موحدة عبر مختلف الشاشات.

القدرة على تحويل تصميم ثابت إلى صفحة ويب حية وعملية باستخدام مهارات HTML و CSS.

الملخص:

يعكس هذا المشروع قدرتي على بناء صفحات ويب متكاملة، مع الاهتمام بتفاصيل التخطيط والتصميم لتقديم محتوى منظم ومرئي جذاب. يظهر المشروع إتقاني لأساسيات تطوير الواجهات الأمامية وكيفية تطبيقها لإنشاء صفحات عملية وجميلة.