مشروع: التنسيق الكامل بالـ CSS

الحين نعطي الصفحة روحها. أضف وسم style داخل head:

body {
  font-family: sans-serif;
  background: #0a0a0c;
  color: #fff;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
header { text-align: center; }
h1 { color: #4ade80; }
.skills ul {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.skills li {
  background: #141a24;
  padding: 8px 16px;
  border-radius: 20px;
}

margin: 0 auto حيلة مشهورة: توسيط الصفحة بالعرض. وحوّلنا قائمة المهارات إلى كبسولات صف بـ flex. جرب شغّلها وعدّل الألوان على ذوقك!