clementAC / Tp5-Responsive-web-design-react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TP Responsive Web Design React

  1. Ajouter Reactstrap à votre projet

  2. Centrer les éléments sur la page grace à un container Bootstrap

  3. Utiliser la grille fluide de Reactstrap pour définir la largeur des éléments :

    • Menu
    • Partie principale
  4. Utiliser les classes de grille (col-xs-_ / col-md-_ etc.) pour afficher successivement les albums par 6 sur grand écran, 4 pour les tablettes et 2 en dessous

  5. Redimensionner la fenêtre du navigateur ou émuler la taille du device à travers la console dévelopeur. Tester que la page est visuellement cohérente à toutes les résolutions. Faire les ajustements nécessaires avec les media queries

About


Languages

Language:JavaScript 67.6%Language:CSS 23.1%Language:HTML 9.3%