Como e por que usar classes utilitárias no CSS? Explicando na prática

[@VVVVVVVVVVVVVVVVVVVVVVVVVZ]

mayk é um monstro do css, eu quebraria a cabeça pra fazer esses cortezinhos no bilhete kakakakak

[@techdevteam-solutions8022]

Eu simplesmente amo o conteúdo do Mayk, é impossível não aprender com esse cara velho, eu estava me acabando de tanto pesquisar sobre flex, grid e varias outras coisas depois de assinar com a rocketseat e ver os conteúdo aqui, eu simplesmente estou apaixonado estou me virando sozinho literalmente e isso é incrível, te estiga a continuar aprender.

[@maykbrito]

Que alegria saber que vc está evoluindo! Segue firme! Pra cima 🚀

[@wtwoprg]

TOOOOPP DEMAIS... Maykão eu me vi em vc... cara sou muito assim.. não fico em paz... fico remoendo na mente.. vou fazer outra coisa.. e aquilo na mente... e eh assim.. pesquisar.. pesquisar até achar algo... cara o que vc sentiu ae.. saiba que teve outro aqui que ficou do mesmo jeito!!! Muito bom!!!! Obrigado por compartilhar conhecimento!

[@saulotarsobc]

1:12:40 Mano, que top. Parabéns pela persistência. Que bom que não tirou essa luta do vídeo kkkkk

[@emersondias5585]

Que video incrível. Muito bom ver que não somos só os meros mortais que às vezes travamos em algo, mas também os mestres kkkk Ganhou mais um inscrito! 👌🏻👌🏻👏🏻👏🏻

[@alison.aguiar]

Isso é ser dev, matutar até fazer funcionar, parabéns.

[@johncampos9081]

Mais um ótimo conteúdo mayk, seria interessante você trazer também como se constrói um template personalizado

[@silaspaixao7022]

muito bom

[@giovannialvesdelimaoliveir1418]

Conteúdo bacana demais, Maykão! Eu nao cheguei a testar para confirmar, mas eu acredito que a renderização em diferentes zoons e navegadores esteja criando algum tipo de pixel fantasma que replica um estilo ou causa alguma deformação ao layout. Eu ja passei por isso quando eu criei separadores entre elementos. Aquelas barras verticais com efeito radial, onde ela comeca e termina transparente e a cor fica mais solida no meio. Em algumas partes do layout o separador aparecia certinho, já em outros ele ficava mais grosso. Por exemplo, o separador era de 1px, em vários locais ele aparece certo, mas sempre aparecia em algum lugar como se ele tivesse 1.5px ou 2px. Acredito que isso seja um problema de renderização do navegador, pois no celular não acontecia este comportamento. Uma "solução" que eu encontrei foi aplicar um tamanho menor ao separador com problemas, por exemplo 0.9px. No caso deste cartão de embarque, pode ser que ele esteja criando um pixel fantasma entre os elementos de top-middle e middle-bottom por causa das bordas dashed. Neste caso eu tentaria aplicar uma margin negativa para top e bottom no elemento de middle com "-.1px" ou um pouco mais ate ele parar com esse comportamento. Forte abraço.

[@guicasazanin]

Mayk, tem um app pro mac, Rectangle é de boas para organizar as janelas, espero que te ajude

[@maykbrito]

Carambaaa!! Aí mandou a braba!! Já baixei aqui, testei e já gostei! Valeu, Gui!

[@wtwoprg]

Maykão!!! Já viu isso? Animações de scroll com CSS puro (Scroll-driven Animations)

[@o-autentico]

showww de bola

[@saulotarsobc]

11:29 esse nhan nhan nhan 😂😂😂😂😂😂😂😂 Sempre tem que ter ASMR diferenciado kkkk

[@rafael_rizzo]

Recentemente usei o ASTROJS para fazer um projeto mas percebi que ele tem a propria formatação (não obrigatória mas veio com a extensão dele) e muitas vezes fica bem ruim de se ver, tem alguma sugestão ?

[@wilsonrosagomes]

show dev

[@andrevitor2568]

pq eu não tenho acesso aos códigos no figma? não consegui encontrar quando dou os clicks

[@maykbrito]

O Figma mudou. Agora ele cobra pra acessar a ferramenta de mostra os códigos

[@cmuniz4022]

Mayk, como faz pra configurar o Figma pra ficar igual o seu?

[@maykbrito]

Então, da época que gravei pra agora, o Figma mudou a plataforma deles :( Ele cobram o "Dev mode" pra mostrar os códigos pra gente 🥹

[@cmuniz4022]

@@maykbrito aaaaaa que pena, achei que era algum plugin ou algo do tipo

[@denilsonsoares499]

Fácil de reverter agora, tem aula gratuita no KZbin ensinando pegar o plano de estudante gratuitamente (de forma legal), aí você cria um team e o projeto dentro dele. Aí o projeto dentro do team aparece o dev mode novamente!

[@cmuniz4022]

@@denilsonsoares499 Muito bom, eu consegui

[@cmuniz4022]

​@@denilsonsoares499 Muito bom, eu consegui 😊

[@lucianooliveira2445]

Gostei ;)

[@CamillaDavyla]

Cara, eu nunca fiquei tão presa a um vídeo

[@alexfullbrazil]

cara, e o sass que quase ningém mais fala? eu não consigo viver sem

[@maykbrito]

Sim Bro! Sass é incrível!

[@saulotarsobc]

1:09:00 Parece que a mask ignorou o box-shadow. 1:10:19 Era msm kkkkkkk

[@kennyroger22]

Guerreiro tenho uma pergunta.. Porque tu nunca usa um Framework de CSS . Bootstrap ou Tailwindcss?

[@maykbrito]

Meu foco é em quem está precisando fortalecer os fundamentos

[@seuprofissa]

Será que um z-index não resolveria? z-index já me salvou algumas vezes kkkkkkkkk

[@ChrisAxxwell]

Usou overflow: hidden ou algum transform, normalmente isso ocorre por conta dos filha da mae do overflow, ai nao tem muito o que fazer se for isso