Testez vos connaissances en Tailwind

Comment appliquer une marge à un élément avec Tailwind ?

• Appliquez une marge avec 'flex-4' pour un espacement.

• Ajoutez une marge en utilisant 'border-4'.

• Utilisez la classe 'p-4' pour une marge de 1rem.

• Utilisez les classes de marge de Tailwind comme 'm-4' pour une marge de 1rem.

Quelle classe utiliser pour définir une couleur de fond ?

• background

• color-background

• background-color

• bg-*

Quelle classe permet de centrer un texte ?

• align-center

• center-text

• text-center

• text-align

Comment ajouter des ombres à un élément avec Tailwind ?

• Utilisez la classe 'border' pour ajouter des ombres.

• Ajoutez une image d'ombre en arrière-plan.

• Utilisez les classes d'ombre de Tailwind comme 'shadow' ou 'shadow-lg'.

• Utilisez la classe 'opacity' pour créer des ombres.

Quelle est la classe pour définir une bordure ?

• margin

• border

• outline

• shadow

Comment appliquer une couleur de texte avec Tailwind ?

• Utilisez la classe 'bg-{couleur}-{nuance}' de Tailwind.

• Utilisez la classe 'text-{couleur}-{nuance}' de Tailwind, par exemple 'text-red-500'.

• Appliquez la couleur de texte avec 'color-{couleur}' en CSS.

• Utilisez 'text-color-{nuance}' pour changer la couleur du texte.

Comment utiliser les classes de flexbox dans Tailwind ?

• Utilisez les classes 'flex', 'flex-row', 'flex-col', 'justify-*', 'items-*' pour appliquer flexbox.

• Appliquez 'block' et 'inline' pour le positionnement.

• Utilisez 'margin-*' pour gérer l'espacement.

• Utilisez les classes 'grid' pour la mise en page.

Comment ajouter des polices personnalisées dans le fichier tailwind.config.js ?

• Ajoutez vos polices dans 'theme.fontFamily' dans tailwind.config.js.

• Ajoutez vos polices dans 'theme.extend.fontFamily' dans tailwind.config.js.

• Modifiez le fichier styles.css pour inclure les polices personnalisées.

• Utilisez la commande 'npm install' pour ajouter des polices dans Tailwind.

Quelle classe utiliser pour arrondir les coins d'un élément ?

• rounded

• border-style

• border-color

• border-radius