recipe page

تصميم صفحه ويب باستخدام html ,CSS . تم استخدام تقنيات مختلفه مثل :

1. HTML: هيكلة الصفحة

استخدام عناصر التقسيم مثل <section>, <div>, و <article> لتنظيم المحتوى.

العناوين والعناصر النصية مثل <h1>, <h2>, <p>, <ul>, و <ol> لعرض النصوص بطريقة منظمة.

الجداول مثل <table> لعرض المعلومات الغذائية.

الصور باستخدام <img> لإضافة صورة الطبق.

الأزرار أو الروابط مثل <a> إذا كانت هناك روابط أو أزرار تفاعلية.

2. CSS: تنسيق الصفحة

تم استخدام نظام الشبكات (Grid أو Flexbox) لتنظيم العناصر بطريقة مرتبة.

ألوان وتنسيقات الخطوط عبر color, font-family, و font-size للحصول على مظهر أنيق.

تحديد الهوامش والتباعد باستخدام margin و padding لضبط المسافات بين العناصر.

تصميم البطاقات (Cards) عبر box-shadow, border-radius, و background-color لإنشاء تأثير جذاب.

استخدام :hover لإضافة تأثيرات عند تمرير الماوس على العناصر.

التجاوب مع الشاشات المختلفة باستخدام @media لضبط التصميم على الهواتف والأجهزة اللوحية.