No código que usamos para o nosso projeto:
.card-largura {
max-width: 18rem;
}O que significa exatamente o uso desse 'max-width'?
A largura vai ser flexível em telas menores?
Uma coisa eu sei, que a largura não deve passar de '18rem', mas em telas menores... o width de '.card-largura' é flexível? Ele encolhe em telas menores?
Obrigado.
Fala aí Marcelo, tudo bem? O max-width vai dizer que a largura do seu elemento não deve passar esse tamanho.
Imagine que você tem uma div com 10px de largura (width). Conforme for adicionando conteúdo, pode ser que a largura vai aumentando.
Mas, imagine que você que definir um tamanho máximo, para que a largura não aumente mais.
Nesse caso o max-width faz sentido. Ele não vai deixar o elemento passar desse tamanho, mas, vai deixar que seja menor.
Espero ter ajudado.