Bikcraft Menu

CSS Clamp():a combinação responsiva pela qual todos esperávamos.

1 de junho de 2022 | 0 Caio Vargas

CSS Clamp():a combinação responsiva pela qual todos esperávamos.

CSS Clamp():a combinação responsiva pela qual todos esperávamos

a combinação responsiva pela qual todos esperávamos Reunindo o melhor das funções CSS min() e CSS max()

Hoje é um momento maravilhoso para escrever CSS
Sabe aquele momento em que você está codificando algo e pensa consigo mesmo: “Gostaria que este [texto, imagem, caixa, insira elemento de sua escolha aqui] aumentasse ou diminuísse dependendo do tamanho da janela de visualização… ”?

Se você ainda não experimentou isso, não se preocupe, você vai. Mas o que você não precisa fazer é criar alguns ouvintes de eventos complexos usando a API da Web Resize Observerou funções CSS calc() ou mesmo consultas de mídia CSS que trocariam elementos ou componentes completos dependendo do tamanho da janela de visualização.