Como e quando usar clamp() CSS?

Curso gratuito de programação WEB
↪discover.maykbrito.dev
O clamp() é uma feature do CSS proporciona um um valor médio, ou seja, define um valor entre um mínimo e máximo selecionado para um tamanho de fonte.
Essa propriedade ajuda na hora de lidar com diferentes larguras e alturas de uma tela, cuidando com as proporções de um parágrafo, titulo ou outros elementos de texto no seu site
Mais conteúdo?
↪ maykbrito.dev

[@MrBenchu]

Muito bom!! Agora sei como funciona o vw!

[@felipeassumpcao3039]

Esse conteúdo de CSS são ótimos. Pelo que entendi o clamp resolveria aquele problema quando o cliente dá um zoom no navegador mais 100+?

[@nahtanpng9589]

Maykão sempre com sua didática impecável

[@ThiagoOliveira-oz8od]

Excelente o vídeo, muito boas suas dicas 👏

[@AlexandreSilva-qw4pd]

Curto demais esses vídeos curtos, Maykão!

[@lucasoliveira_tec]

adoro esse cara. O bicho é pura simpatia e ensina bem de mais.

[@danielsilvasantos5144]

Valeu Maycão, as suas dicas são boas.

[@matheusmarchon2718]

Ótimo conteúdo como sempre mano Mayk❤

[@filipesilva432]

Mayk, Mayk!!!
Você é o cara!!!!!
Eu tava cansado da media queries isso aí é muito massa.

[@omundoavolta]

Já uso a uns 6 meses fica top

[@Matheus_1582]

Mickão será que você poderia dar uma aula de Template no HTML.

[@romariojs94]

Qual é essa IDE" online?

[@serliv]

Muito boa a explicação. Parabéns. Porém, aos 3:00 não funcionou pq faltou o calc().
- CORRIGINDO: Testei aqui e realmente não precisa do calc(), diferente do que consta no site da MDN. Testei o seguinte código:
h1:nth-child(1) {
font-size: clamp(20px, 10vw, 100px);
}
h1:nth-child(2) {
font-size: clamp(20px, 10vw + 1px, 100px);
}
h1:nth-child(3) {
font-size: clamp(20px, calc(10vw + 1px), 100px);
}
E para minha surpresa não é mesmo necessário o calc() 😲. Vivendo e aprendendo

[@maykbrito]

Opa! Obg pelo comentário, pois soma ao conteúdo 🤯😍

[@HeitorGiacomini]

q progrma tu usa p colocar essa legendas?

[@caiomarques3946]

Que programa é esse que você usa?

[@maykbrito]

Esse é o fronteditor.dev