Quelque soit le point de rupture, le container (N°1) se structure selon une grille bien définie.
- La grille comporte :
- 12 colonnes (N°2)
- des gouttières (N°3), nom donné à l'espace entre les colonnes, est de 20 px, et de 10 px pour les extrémités du contenaire
De manière générale, les espaces en dehors du container sont blancs sauf pour les sections dite " lame " avec un fond coloré pour lequel il s'étend sur toute la largeur de l'écran Le site est fluide au dessous de 768 px. Il n'est pas nécessaire de déterminer des dimensions, le site s'adapte automatiquement à celle de la fenêtre du navigateur.
Librairie Sketch : base grille et points de rupture
Lien zeplin
