Como e quando usar clamp() CSS?

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024
  • Curso gratuito de programação WEB
    ↪discover.maykb...
    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

ความคิดเห็น • 17

  • @romariojs94
    @romariojs94 3 หลายเดือนก่อน +2

    Qual é essa IDE" online?

  • @felipeassumpcao3039
    @felipeassumpcao3039 3 หลายเดือนก่อน +1

    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+?

  • @serliv
    @serliv 3 หลายเดือนก่อน +1

    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
      @maykbrito  3 หลายเดือนก่อน +1

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

  • @Matheus_1582
    @Matheus_1582 3 หลายเดือนก่อน

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

  • @ThiagoOliveira-oz8od
    @ThiagoOliveira-oz8od 3 หลายเดือนก่อน +2

    Excelente o vídeo, muito boas suas dicas 👏

  • @MrBenchu
    @MrBenchu 2 หลายเดือนก่อน

    Muito bom!! Agora sei como funciona o vw!

  • @nahtanpng9589
    @nahtanpng9589 3 หลายเดือนก่อน +1

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

  • @HeitorGiacomini
    @HeitorGiacomini 3 หลายเดือนก่อน

    q progrma tu usa p colocar essa legendas?

  • @filipesilva432
    @filipesilva432 3 หลายเดือนก่อน

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

  • @matheusmarchon2718
    @matheusmarchon2718 3 หลายเดือนก่อน

    Ótimo conteúdo como sempre mano Mayk❤

  • @AlexandreSilva-qw4pd
    @AlexandreSilva-qw4pd 3 หลายเดือนก่อน

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

  • @lucasoliveira_tec
    @lucasoliveira_tec 3 หลายเดือนก่อน

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

  • @omundoavolta
    @omundoavolta 3 หลายเดือนก่อน

    Já uso a uns 6 meses fica top

  • @danielsilvasantos5144
    @danielsilvasantos5144 3 หลายเดือนก่อน

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

  • @caiomarques3946
    @caiomarques3946 3 หลายเดือนก่อน

    Que programa é esse que você usa?

    • @maykbrito
      @maykbrito  3 หลายเดือนก่อน

      Esse é o fronteditor.dev