CSS3خبير
Création d'un système de layout adaptatif basé sur container queries
السيناريو
Contexte : Un composant réutilisable doit adapter sa mise en page selon la largeur de son conteneur et non de la fenêtre. Le Problème : Les media queries classiques ne suffisent pas pour ce besoin modulaire. Contraintes : Utiliser container queries CSS3 modernes. Aucun JavaScript. Livrable attendu : Mettre en place une configuration basée sur container-type et @container pour adapter dynamiquement le layout du composant.
المهارات المستهدفة
css3containerqueriesresponsivelayoutmoderncss
حالات تطبيقية أخرى في CSS3
- Correction d'un texte qui dépasse son conteneurأساسي
- Implémentation d'un menu déroulant pure CSSمتقدم
- Correction d'une image déformée dans une carte produitأساسي
- Implémentation d'une grille responsive avec auto-fit et minmaxمتقدم
- Création d'un effet hover simple sur un boutonأساسي
- Mise en place d'un système de cartes avec Flexbox adaptatifمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى