محتاج حد يساعدنى ضرورى لحل مشكلة فى تصميم الموقع css/html

سبب هذه المشكلة انك تقوم بعمل التصميم علي شاشه معينه وعندما تنتقل من هذه الشاشة لشاشة اخري مختلفه في الحجم ( تكبر او تصغر المتصفح ) فان التصميم يظهر بشكل سي لان العناصر تكون غير متناسقة مع الحجم الجديد للشاشة وحتي تقوم بحل هذه المشكلة فانك تحتاج ان تخبر المتصفح ذلك

مثال : 

في شاشة الكبيرة يكون هناك ثلاث عناصر داخل السيكشن وإذا وضعت نفس الثلاث عناصر في الشاشات الصغيرة لن تظهر بشكل جيد ولكي تحل هذه المشكلة يجيب ان تخبر المتصفح انه في حالة الشاشات صغيرة الحجم اريد عنصر واحد فقط داخل السيكشن

وهناك طريقتين لتقوم بذلك باستخدام الكود

أولًا باستخدام ال media query

وهي خاصية موجوده في ال css تمكنك من التحكم في تنسيق العناصر علي حسب حجم شاشه معين

ثانيا باستخدام مكتبة ال bootstrap 

وهي مكتبة جاهزة توفر لك العديد من المميزات واهمها التحكم في تنسيق العناصر علي حسب حجم الشاشة وذلك بإضافة class للعنصر يحتوي علي قيمة معينة 

وانصحك أولا بتعلم ال media query من قناة ال zero web school