NEW
Font size
WorksheetsQCM – Responsive Design
Total questions: 10
Worksheet time: 5mins
Pourquoi le responsive design est-il indispensable aujourd’hui ?
Parce qu’il permet de charger plus vite les images
Parce que plus de 60% des utilisateurs naviguent sur mobile
Parce qu’il remplace le HTML
Parce qu’il évite d’écrire du CSS
Quelle unité est considérée comme flexible et adaptée au responsive ?
px
cm
%
kg
Quel est le rôle d’une media query ?
Créer un menu interactif
Modifier le HTML selon l’utilisateur
Modifier le CSS en fonction de la taille d’écran
Ajouter des animations CSS
Quel code déclenche un style spécifique pour les écrans ≤ 768px ?
@responsive (768px)
@screen and (min:768)
@media screen and (max-width: 768px)
@device mobile(768)
Sur mobile, comment rendre deux colonnes verticales avec Flexbox ?
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
display: block;
Quelle règle permet d’empêcher une image de dépasser sur mobile ?
img { position: absolute; }
img { max-width: 300px; }
img { width: 100%; height: auto; }
img { flex-direction: column; }
Quelle taille de texte est adaptée aux écrans mobiles selon le cours ?
10px
14px
50px
6px
Pourquoi ne pas faire de menu burger dans le module ?
Parce que c’est interdit
Parce que c’est trop complexe pour ce niveau et ce planning
Parce que ça ne fonctionne pas en responsive
Parce que les menus burger sont dépassés
Dans un formulaire, quel attribut HTML rend un champ obligatoire ?
selected
autofocus
required
name
Quelle propriété CSS rend un formulaire vertical et bien espacé ?
display: inline;
flex-direction: row;
gap: -10px;
display: flex; flex-direction: column; gap: 10px;
