Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Inspection de la Mise en Page Adaptative/Réactive | Sites Web et Applications Adaptatifs/Réactifs
Techniques CSS Avancées

bookDéfi : Inspection de la Mise en Page Adaptative/Réactive

Tâche

Évaluez la réactivité et l'adaptabilité du site web présentant des informations sur différents aliments. La page web est actuellement conçue pour être réactive dans la première partie et adaptable dans la seconde partie. Il y a 4 points de rupture à considérer :

  • 300px: Petits smartphones.
  • 480px: Grands smartphones.
  • 720px: Tablettes.
  • 1200px: Ordinateurs de bureau.

Ouvrez la page web dans une nouvelle fenêtre en utilisant le bouton "Ouvrir l'aperçu dans une nouvelle fenêtre" en bas à gauche du bac à sable. Changez la largeur de la fenêtre d'affichage et observez les différences de mise en page et de styles à chaque point de rupture.

Remarque

Si vous avez besoin d'aide pour savoir comment procéder, il y a des instructions dans un enregistrement sous le bac à sable.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 6. Chapitre 5

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.04

bookDéfi : Inspection de la Mise en Page Adaptative/Réactive

Glissez pour afficher le menu

Tâche

Évaluez la réactivité et l'adaptabilité du site web présentant des informations sur différents aliments. La page web est actuellement conçue pour être réactive dans la première partie et adaptable dans la seconde partie. Il y a 4 points de rupture à considérer :

  • 300px: Petits smartphones.
  • 480px: Grands smartphones.
  • 720px: Tablettes.
  • 1200px: Ordinateurs de bureau.

Ouvrez la page web dans une nouvelle fenêtre en utilisant le bouton "Ouvrir l'aperçu dans une nouvelle fenêtre" en bas à gauche du bac à sable. Changez la largeur de la fenêtre d'affichage et observez les différences de mise en page et de styles à chaque point de rupture.

Remarque

Si vous avez besoin d'aide pour savoir comment procéder, il y a des instructions dans un enregistrement sous le bac à sable.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 6. Chapitre 5
some-alt