A propriedade abreviada flex em CSS
A propriedade flex é uma abreviação
para as propriedades de expansão, contração e tamanho base.
A ordem das propriedades abreviadas é importante
e é a seguinte: flex-grow, flex-shrink,
flex-basis. As propriedades podem ser omitidas
a partir do final, caso em que assumirão seus valores
padrão.
Reescreva o seguinte código usando a propriedade abreviada
flex:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Reescreva o seguinte código usando a propriedade abreviada
flex:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Reescreva o seguinte código usando a propriedade abreviada
flex:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Reescreva o seguinte código usando as propriedades expandidas:
.child {
flex: 1 2 200px;
}
Reescreva o seguinte código usando as propriedades expandidas:
.child {
flex: 2 0.7;
}
Reescreva o seguinte código usando as propriedades expandidas:
.child {
flex: 3;
}
