Como CENTRALIZAR na Vertical? (Não é que você pensa que é)

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024
  • Dica de CSS pra Alinhar um elemento na Vertical Sem GRID e sem FLEXBOX.
    Trata-se de uma NOVA MANEIRA (Simples e Fácil) de Centralizar um elemento verticalmente sem linhas extras e sem gambiarras 🤯
    Se você já se perguntou como alinhar elementos na vertical no CSS de forma eficiente, esta dica é para você! O que você verá nesse vídeo vai facilitar o seu trabalho com design de interface e desenvolvimento front-end.
    CURSOS COM DESCONTO DA AMIZADE
    🎁 Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
    serfrontend.co...
    🎁Curso do Figma ao código. O Design de Interfaces web completo
    serfrontend.co...
    📚🖥️🖱️Livros, Computadores e Periféricos que indico🖱️🖥️📚
    www.amazon.com... 🫰
    Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
    / @serliv
    Quer ter o seu #portfolio analisado aqui no canal? Preencha esse formulário
    forms.gle/JPLK...
    🌟 Links comentados no vídeo e outros interessantes 🌟
    Livros sobre programação e algoritmo que eu indico
    ✅ Entendendo Algoritmos: Um Guia Ilustrado Para Programadores e Outros Curiosos
    amzn.to/3HjW3S2
    ✅ Lógica de Programação e Algoritmos com JavaScript: uma Introdução à Programação de Computadores com Exemplos e Exercícios Para Iniciantes
    amzn.to/3SgmM8d
    ✅ Estruturas de Dados e Algoritmos com JavaScript: Escreva um Código JavaScript Complexo e Eficaz Usando a Mais Recente ECMAScript
    amzn.to/3SgN36c
    🍕Se for comprar qualquer coisa na Amazon, por favor, use meu link para me ajudar à comprar uma pizza no final de semana amzn.to/3HKFkHN 😊
    📺 Playlist VÍDEOS EM DESTAQUE.
    • VÍDEOS EM DESTAQUE
    📺 Siga a playlist CURSO WEB FUNDAMENTOS HTML +: CSS
    • CURSO Web Fundamentos:...
    📺 Playlist Análise de Portfolio / Projeto de iniciante
    • Análise de Portfolio /...
    🔴 O que eu eu indico para gravar produzir vídeos:
    ✅ Logitech BRIO 4K -
    amzn.to/3S0FbVh
    ✅ Microfone Condensador USB Blue Yeti X -
    amzn.to/48zZcsW
    ✅ Microfone Condensador USB com Suporte de Suspensão Blue Yeticaster - amzn.to/4213k2G
    ✅ Unidades de Medida CSS SEM MISTÉRIOS. Quando Usar %, em, rem e px para Layouts Perfeitos!
    • Unidades de Medida CSS...
    ✅ CSS4 Pare de criar variáveis em :root e comece a usar property
    • CSS4 Pare de criar var...
    ✅ Você acha que WIDTH e FLEX-BASIS fazem a mesma coisa❔ Achou ERRADO
    • Você acha que WIDTH e ...
    ✅ [CSS] Unidades de medida em vs rem.
    • [CSS] Unidades de medi...
    ✅ Como a Pseudo-classe HAS pode te ajudar a criar EFEITOS INCRÍVEIS em suas páginas web
    • Como a Pseudo-classe H...
    ✅ TUTORIAL CSS GRID. Como criar páginas web mais FÁCIL
    • TUTORIAL CSS GRID. Com...
    ✅ Crie interfaces melhores com VARIÁVEIS do CSS (a.k.a custom properties)
    • Crie interfaces melhor...
    ✅ FAÇA o seu PORTFOLIO se DESTACAR frente aos demais
    • 🤩 FAÇA o seu PORTFOLIO...
    ✅ Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA
    • Como criar PÁGINAS WEB...
    #desenvolvimentofrontend #webdesign #frontend #desenvolvimentoweb #csstutorial #webdev

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

  • @serliv
    @serliv  3 วันที่ผ่านมา

    Vem aprender HTML, CSS, Javascript ou Figma comigo. SEM MENSALIDADE. ACESSO VITALÍCIO. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
    Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
    serfrontend.com/cursos/web-fundamentos-html-css/aplicando-desconto.html?d=27&m=09
    Curso do Figma ao código. O Design de Interfaces web completo
    serfrontend.com/cursos/do-figma-ao-codigo/aplicando-desconto.html?d=27&m=09
    Lógica de Programação com Javascript
    serfrontend.com/cursos/logica-de-programacao-com-javascript/aplicando-desconto.html?d=27&m=09
    📙[Adquira o E-book]
    50 dicas de Refatoração de Códigos Javascript: O Segredo dos Programadores Experientes.
    go.hotmart.com/B92973901Y
    Quer ter seu portfolio ou projeto avaliado aqui no canal? Preencha o formulário: forms.gle/JPLKuhYs6o248ZKK8
    Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
    th-cam.com/channels/PstMzE8bHIah0swMZL2mIg.htmljoin
    Livros, Computadores e Periféricos que indico:
    www.amazon.com.br/shop/serliv
    Canais em redes sociais:
    Twitter: twitter.com/serlivcursos
    Linkedin: www.linkedin.com/in/serliv
    Instagram: instagram.com/serlivcursos
    Facebook: facebook.com/serlivcursos
    Tiktok: www.tiktok.com/serlivcursos
    Instrutor: Daniel Tapias Morales
    Twitter: twitter.com/tapmorales
    Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/
    Medium: medium.com/@tapmorales
    Github: github.com/tapmorales

  • @rifingg
    @rifingg 4 วันที่ผ่านมา

    Muito bom o vídeo, vai ajudar muito a ajustar os conteudos agora, professor está nos seus planos ensinar sobre frameworks no geral? bootstrap, react, tailwind ou algo do tipo?

    • @serliv
      @serliv  4 วันที่ผ่านมา +1

      Muito obrigado pelo feedback. Sobre os cursos novos, não há nada no radar ainda, sorry

  • @marcussaccodev
    @marcussaccodev 4 วันที่ผ่านมา

    Muito obrigado pelas dicas mestre!
    Um abraço

    • @serliv
      @serliv  4 วันที่ผ่านมา

      Eu que agradeço

  • @reinansantos3347
    @reinansantos3347 4 วันที่ผ่านมา

    Muito bom! Mas preciso assistir mais uma vez para absorver o conteúdo. Informações novas para mim

    • @serliv
      @serliv  4 วันที่ผ่านมา

      Qual a dúvida? Fala aí que posso tentar ajudar

    • @reinansantos3347
      @reinansantos3347 3 วันที่ผ่านมา

      Tentei usar a propriedade no meu código simples com um h1 e p mas não foi