fronendMentor موقع للتحديات html/css/JS حيث يعطيك التصميم (يكون عبارة عن صورة ويمكن أن تدفع لتحصل على تصميم sketch أو Figma).
الشيء الجيد أن هذا الموقع يمثل (ولو بصورة مصغرة) ما يمكن أن تجده في العمل.
إذا كنت تظن أنك تعلمت -ولو القليل- من html/css فهناك تحديات تشمل هته فقط.
هذا أول تحد قمت "بإكماله".
عمل عظيم، ما شاء الله
حاول أن تقوم بإضافة حجم للخلفية لكي تأخذ عرض الشاشة بالكامل:
body {
background-size: 100%;
}
بهذا الشكل سوف تغطي الخلفية كامل الشاشة.
أيضًا لا تنسى أن تضيف الخاصية alt لكي عناصر img التي تستعملها، لأن هذا الأمر يفيد في السيو SEO الخاص بالموقع، ويفيد أجهزة قاريء الشاشة Screen Reader
التعليقات