- This topic has 10 ردود, 5 مشاركون, and was last updated قبل 1 سنة by
Mahmoud Khalid Mohammed.
-
سبتمبر 16, 2022 الساعة 3:00 م #7461
السلام عليكم شباب
فالسؤال 3 المرتبط بالشبكات
في سؤال بيقول التالي : For header set width to 100% with margin 0 to the bottom
وجوابي الاتي
/*
header {
width: 100%;
margin-bottom: 0;
}*/
مش عارف ليه الجواب غلط احد يقدر يساعدني ؟
شكراسبتمبر 16, 2022 الساعة 3:28 م #7465CodeDegree CodeDegree
مدير عامفي المتطلب الثاني يجب أن تضيف الكود لنفس عنصر ال header الذي أضفت له كود سابقا.
فالإجابة السليمة هي:
header {
padding: 20px 20px 0 20px;
width: 100%;
margin-bottom: 0px;
}*لاحظ الفرق
سبتمبر 16, 2022 الساعة 4:02 م #7466عملت يلي قلت لي عليه ولسا في رسالة خطأ :
هناك شىء ما خاطىء، هل يمكنك مراجعة التعليمات؟
صورة الشاشة مرفوقة تحت
الرجاء المساعدةAttachments:
You must be logged in to view attached files.سبتمبر 16, 2022 الساعة 4:06 م #7468الصورة
Attachments:
You must be logged in to view attached files.سبتمبر 16, 2022 الساعة 5:51 م #7471CodeDegree CodeDegree
مدير عامYou added the padding incorrectly.
You gave the second value of the padding a zero value which is the “Right Padding” not the “Bottom Padding” (padding-right: 0px)
Notice the difference between your answer:
padding: 20px 0 20px 20px;
And the correct answer:
padding: 20px 20px 0px 20px;
سبتمبر 16, 2022 الساعة 5:54 م #7473CodeDegree CodeDegree
مدير عامA little hint, Copy paste the code I provided you earlier and you will see the difference in the code editor.
سبتمبر 16, 2022 الساعة 6:18 م #7478thank you so much it works, but sadly as soon as I moved to the next question same problem happened Change the header background color to our global variable primary
header {
padding: 20px 20px 0px 20px;
width: 100%;
margin-bottom: 0;
background-color: var(–primary);
}
I can not see my self mistaken here!!!!!!!!!!!!!سبتمبر 16, 2022 الساعة 6:27 م #7479CodeDegree CodeDegree
مدير عامThere is a difference between:
background-color: var(–primary);
andbackground-color: var(- -primary);
Can you tell the difference?
You can read more about CSS variables here:
https://developer.mozilla.org/en-US/docs/Web/CSS/–*سبتمبر 17, 2022 الساعة 5:28 ص #7487i have a problem
i entered the code
grid-area:nt;
but it didnot workAttachments:
You must be logged in to view attached files.سبتمبر 17, 2022 الساعة 12:20 م #7489I am facing the same problem
سبتمبر 17, 2022 الساعة 6:38 م #7490محدش لقي حل للموشكلة دي
- يجب تسجيل الدخول للرد على هذا الموضوع.