كيف أجعل من الصورة الموجودة في header متجاوبة مع جميع الشاشات؟

هناك أمرين عليك مراعاتهما أثناء العمل على تجاوب الصوة عند تغيير مقاس الشاشة  العارضة للموقع:

1. أن يحتوى الوسم المُضمّن للصورة على خاصيتي margin وpadding ذات قيمة الصفر.
2. أن يأخذ عرض الصورة القيمة 100%، لتبقى محافظة على مقاسها رغم تغير الشاشة.

لحصل في الأخير على كود في ملف التنسيق التالي:

/*الذي يضم الصورة body الكود الخاص بوسم*/
body{
   margin: 0;
   padding: 0;
}

/*تنسيق وسم الصورة*/
img{
   width: 100%;
}