Flex grow same size containers
C’est la solution parfaite pour le wrapping, car vous n’avez jamais besoin d’utiliser les px, c’est la même chose sur desktop, tablette et mobile et vous pouvez même changer l’écart entre les éléments de 20 à 30px. Vos conteneurs d’arrière-plan doivent être « boxed ».
Valeurs utilisées :
Desktop : 95%
Tablette : 90%
Mobile à 80%.
Assurez-vous d’ajouter les points de rupture responsive supplémentaires, sinon ce n’est pas comme dans mon exemple.
- 13,5%
- 25%
- 35%
1
2
3
4
5
6
7
8
9
10
11
- 16.5%
- 25%
- 35%
1
2
3
4
5
6
7
8
9
- 20%
- 35%
- 100%
1
2
3
4
5
6
7
- 25%
- 35%
- 100%
1
2
3
4
5
- 35%
- 100%
- 100%
