🗣 A função CSS min() retorna o MENOR valor declarado.
📱 Numa viewport 768px de largura:
min(10vw, 100px) retorna 10vw.
🖥 Numa viewport 1024px de largura:
min(10vw, 100px) retorna 100px.
🗣 Estranhamente, min() é bem útil pra controlar o valor MÁXIMO desejado.
🗣 A função CSS max() retorna o MAIOR valor declarado.
📱 Numa viewport 768px de largura:
max(10vw, 100px) retorna 100px.
🖥 Numa viewport 1024px de largura:
max(10vw, 100px) retorna 10vw.
🗣 max() é muito útil pra controlar o valor MÍNIMO desejado.
🗣 A função CSS clamp() retorna o valor DENTRO DE UM LIMITE mínimo e máximo.
🖼 A declaração abaixo numa imagem:
width: clamp(50px, 100%, 500px)
Retorna 100% da largura do container até atingir 50px ou 500px
🗣 clamp() é bem útil na criação de interfaces responsivas.