Intervertir des colonnes avec Materialize CSS

La grille pushpull
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Materialize CSS
Revoir le teaser Je m'abonne
Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont les suivants :

  • Comprendre l'importance du responsive design.
  • Apprendre à utiliser les classes Push et Pull de Materialize CSS.
  • Acquérir des compétences pour améliorer l'affichage des sites sur différentes tailles d'écran.

Découvrez comment intervertir les colonnes en fonction de la taille de l'écran avec Materialize CSS.

Cette leçon traite de la manière d'utiliser Materialize CSS pour intervertir des colonnes en fonction de la taille de l'écran. La méthode décrite repose sur l'utilisation des classes Push et Pull pour réorganiser les éléments HTML, notamment les logos et les liens vers les réseaux sociaux. La vidéo fournit des exemples pratiques et une explication détaillée des concepts. Avec l'augmentation constante de l'utilisation des appareils mobiles, il est crucial de rendre les sites web aussi responsive que possible. Vous apprendrez à adapter votre code HTML pour qu'il soit d'abord optimisé pour les mobiles avant d'utiliser les classes Push-Pull pour les grands écrans.

Voir plus
Questions réponses
Quelle classe CSS est utilisée pour déplacer une colonne de 4 éléments vers la droite avec Materialize CSS ?
On utilise la classe push-m4 pour déplacer une colonne de 4 éléments vers la droite.
Comment peut-on optimiser le code HTML pour les mobiles ?
Il est conseillé de placer dans le HTML les éléments dans l'ordre où ils doivent apparaître sur un écran mobile, puis d'utiliser les classes push-pull pour réorganiser pour les grands écrans.
Pourquoi est-il important d'utiliser le responsive design ?
Le responsive design permet d'assurer que les sites web sont accessibles et bien présentés sur différents appareils, améliorant ainsi l'expérience utilisateur.