Crescimento Flexível para Contêineres de Mesmo Tamanho
Esta é a solução perfeita para ajustes, porque você nunca precisa usar px, é o mesmo em desktop, tablet e celular, e você pode até alterar o espaço entre os elementos de 20 para 30px. Seus containers de fundo devem estar enquadrados. Valores utilizados: 1120 para ultra wide & desktop, 80% para laptop, tablet extra, tablet, celular extra, e então 90% para celular. Certifique-se de adicionar os pontos de quebra de responsividade extras, caso contrário, não será como no meu exemplo.
- 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%
