Quizz – Module 2 : Taillwind

Quelle classe Tailwind CSS est utilisée pour appliquer une marge de 4 unités ?

• m-4

• margin-4

• p-4

• spacing-4

Answer explanation

La classe 'm-4' dans Tailwind CSS est utilisée pour appliquer une marge de 4 unités. Les autres options ne sont pas correctes car 'margin-4' et 'spacing-4' ne sont pas des classes valides, et 'p-4' applique un padding, pas une marge.

Quelle classe Tailwind CSS est utilisée pour centrer un texte ?

• text-align-center

• text-center

• align-center

• center-text

Answer explanation

La classe correcte pour centrer un texte en Tailwind CSS est 'text-center'. Les autres options ne sont pas valides dans le cadre de Tailwind, ce qui rend 'text-center' la seule réponse appropriée.

Quelle classe Tailwind CSS est utilisée pour définir une couleur de fond rouge ?

• bg-red

• background-red

• bg-red-500

• red-bg

Answer explanation

La classe correcte pour définir une couleur de fond rouge dans Tailwind CSS est 'bg-red-500'. Les autres options ne sont pas valides dans le cadre de la nomenclature de Tailwind.

Quelle classe Tailwind CSS est utilisée pour définir une largeur maximale de 100 % ?

• max-width-full

• w-full

• max-w-full

• width-100

Answer explanation

La classe Tailwind CSS 'max-w-full' est utilisée pour définir une largeur maximale de 100 %. Les autres options ne correspondent pas à cette fonctionnalité, 'w-full' définit une largeur de 100 %, mais pas une largeur maximale.

Quelle classe Tailwind CSS est utilisée pour appliquer un espacement horizontal entre les colonnes dans un conteneur flex ?

• gap-x

• space-x

• flex-gap-x

• spacing-x

Answer explanation

La classe Tailwind CSS 'space-x' est utilisée pour appliquer un espacement horizontal entre les colonnes dans un conteneur flex. Les autres options ne sont pas des classes valides pour cet usage.

Quelle classe Tailwind CSS est utilisée pour rendre un texte gras ?

• font-weight-bold

• text-bold

• font-bold

• bold

Answer explanation

La classe Tailwind CSS pour rendre un texte gras est 'font-bold'. Les autres options comme 'font-weight-bold', 'text-bold' et 'bold' ne sont pas correctes. 'font-bold' est la bonne réponse.

Quelle classe Tailwind CSS est utilisée pour appliquer une ombre à un élément ?

• shadow

• box-shadow

• shadow-md

• shadow-box

Answer explanation

La classe 'shadow-md' est utilisée dans Tailwind CSS pour appliquer une ombre de taille moyenne à un élément. Les autres options ne sont pas des classes valides pour appliquer une ombre.

Quelle classe Tailwind CSS est utilisée pour définir un affichage en flexbox ?

• flexbox

• display-flex

• flex

• d-flex

Answer explanation

La classe Tailwind CSS utilisée pour définir un affichage en flexbox est 'flex'. Les autres options ne sont pas des classes valides dans Tailwind CSS.

Quelle classe Tailwind CSS est utilisée pour définir un texte aligné à droite ?

• text-right

• align-right

• text-align-right

• right-text

Answer explanation

La classe Tailwind CSS pour aligner le texte à droite est 'text-right'. Les autres options comme 'align-right', 'text-align-right' et 'right-text' ne sont pas valides dans Tailwind CSS.

Quelle classe Tailwind CSS est utilisée pour définir un espacement intérieur (padding) de 8 unités ?

• p-8

• padding-8

• pd-8

• space-8

Answer explanation

La classe 'p-8' dans Tailwind CSS est utilisée pour définir un espacement intérieur (padding) de 8 unités. Les autres options ne sont pas valides pour cet usage.