أكثر من نصف زوار أي موقع من الجوال. سر التجاوب قاعدة وحدة سحرية:
.card {
width: 100%;
max-width: 320px;
}وعند نقاط انكسار معينة نغير الترتيب بـ media query:
@media (max-width: 600px) {
.skills ul { flex-direction: column; }
h1 { font-size: 22px; }
}معناها: لو شاشة الزائر 600 بكسل أو أقل، طبّق هذه القواعد. صف الكبسولات صار عمودياً والخط صار أصغر — جرب صغّر نافذة المتصفح وشاهد التغير الحي!
