Galeria de imagem estilo Pinterest SUPER FÁCIL - CSS COLUMN

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.พ. 2025

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

  • @elenilsonmaciel
    @elenilsonmaciel 2 ปีที่แล้ว +20

    Não conhecia.
    Simples, fácil e direto...
    Uma coisa tão simples, mas que já dá um Up total, no estilo.
    Parabéns pelo conteúdo, Maykão...

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว +1

      obg pelo comentário mano!

    • @jonattancosta4803
      @jonattancosta4803 ปีที่แล้ว

      Eu aprendi usar colunas no CSS pela W3C, mas nunca tinha testado com imagens. Normalmente usava o display inline-block para criar galerias.

  • @leonardodossantos843
    @leonardodossantos843 ปีที่แล้ว

    Maikão, sempre trazendo sua ótima didática... conteúdo muito top, valeu por trazer pra gente, não conhecia essa propriedade do CSS. Show!!!

  • @peterdouglas08
    @peterdouglas08 ปีที่แล้ว

    Puxa, que incrível Maikão! Parece que traz umas propriedades do FlexGrid, mas tudo de maneira bem mais simples. Parabéns pela excelente dica!! 👏🏻👏🏻👏🏻

  • @yangabriel1325
    @yangabriel1325 2 ปีที่แล้ว

    Nossa isso é muito foda, comentei com o meu parceiro de front que tava querendo fazer um blog de photos e ele me recomendou esse vídeo

  • @diegoloop
    @diegoloop 2 ปีที่แล้ว +2

    Sinceramente não sabia disso. Isso é amazing (risos). Obrigado Maykão por trazer esse conteúdo de qualidade. Estava pensando como fazer dinamicamente as imagens se agruparem como o Pinterest, Obrigado!!❤

  • @thiagosilva-me3xl
    @thiagosilva-me3xl ปีที่แล้ว

    Cara você neste exato momento acabou de abrir minha mente, esse vídeo era tudo o que eu queria, parabéns, me inscrevi, deixei o like e comentei. Merece tudo 🎉

  • @fernandoi.kobayashi9826
    @fernandoi.kobayashi9826 ปีที่แล้ว

    Maykão era tudo que eu queria. Tinha visto em outros sites, mas não sabia como era feito. Principalmente quando tenho imagens de formatos diferentes. Já apliquei no meu projeto. vlw parabéns pelo vídeo.

    • @maykbrito
      @maykbrito  ปีที่แล้ว

      Que incrível, Fer! TMJ

  • @fabioverlaine7274
    @fabioverlaine7274 2 ปีที่แล้ว

    MEU AMIGO !!! ESSE RECURSO PARA GALERIA DE PHOTOS É LINDO, SOBRENATURAL SHOW

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      Fantástico né mano?

  • @rakelmoreira5768
    @rakelmoreira5768 2 ปีที่แล้ว +2

    Eu não conhecia!! Massa demais, Mayk. Precisei fazer esse primeiro exemplo que tu fez num trabalho da faculdade , mas tive que fazer uma gambiarra...Agora vou correndo colocar o que aprendi aqui em prática kkkk Valeu, Maykão!!

  • @eutullioleite
    @eutullioleite ปีที่แล้ว

    único problema do conteúdo é que ele foi postado há um ano e só agora que descobri isso HAHA top demais! Já vi outros vídeos do canal e foi impossível não me inscrever. Parabéns!!

    • @maykbrito
      @maykbrito  ปีที่แล้ว

      hhahaaah.. TMJ.. obrigado!

  • @rogeriojoras7350
    @rogeriojoras7350 2 ปีที่แล้ว

    Parabéns pelo talento na apresentação do conteúdo, você torna tudo muito simples, prático e fácil. O conteúdo é muito útil e também não conhecia.

  • @henrybelmont7931
    @henrybelmont7931 2 ปีที่แล้ว

    Eai Maykzera, obrigado sempre por nos proporcionar conhecimento com seu jeito incrível de ensinar, tô desde o início do ano aprendendo com você, até eu criar coragem de tentar entrar no mercado como Dev, agradeço você desde já.

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      Sucesso Henry

  • @rafaasimi
    @rafaasimi 2 ปีที่แล้ว

    Muito foda Maykao, acho muito legal a disposição das imagens assim e com essas propriedades ficaram muito simples de se fazer.

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      Tbm acho bem bonito 🥰

  • @luancarlos.F
    @luancarlos.F 2 ปีที่แล้ว +1

    propriedade bonita. propriedade bem feita. propriedade formosa ❤❤❤

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว +1

      hahahahah ~Seu Madruga

  • @felipeassumpcao3039
    @felipeassumpcao3039 2 ปีที่แล้ว

    Grande Maikão que Show meu amigo gostei de mais css é show

  • @DanielRios549
    @DanielRios549 2 ปีที่แล้ว

    CSS é vida na moral, não sabia desse column mas já amei

  • @hamiceis
    @hamiceis 2 ปีที่แล้ว

    Muito top maykão
    Se você poder trazer um vídeo, explicando sobre o display grid com vários exemplos, seria um conteúdo interessante

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว +2

      tá na mão th-cam.com/video/HN1UjzRSdBk/w-d-xo.html

    • @hamiceis
      @hamiceis 2 ปีที่แล้ว

      @@maykbrito vlw maykão 👏👏

  • @joelmoltocaro2024
    @joelmoltocaro2024 2 ปีที่แล้ว

    Abraços Mayk Brito, saudades de você garoto!

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว +1

      Joelzaum! Sdds amigo!

  • @juliopein222
    @juliopein222 2 ปีที่แล้ว

    Maykão você acertou em cheio, estava precisando conhecer essa feature pra aplicar no meu projeto, obrigado!

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      Fenomenal mano! Vai dar bom

  • @GameMaster-mu3tp
    @GameMaster-mu3tp 3 หลายเดือนก่อน

    Muito bom, não conhecia, eu sempre usei flex e grid. !!

  • @pn_dev.
    @pn_dev. 2 ปีที่แล้ว

    Sensacional👏👏👏

  • @paulohasa8338
    @paulohasa8338 ปีที่แล้ว

    E eu estava me matando aqui tentando fazer o mesmoc om Grid... Me inscrever no seu canal foi a melhor decisão que tomei ano passado rs

  • @matheusmachado2218
    @matheusmachado2218 9 หลายเดือนก่อน

    pqp meu amigo me ajudou bastante. Tava quebrando a cabeça pra conseguir fazer isso kkkk

  • @geaneoliveira8770
    @geaneoliveira8770 2 ปีที่แล้ว

    Maravilhoso! Amei🥰👏🏼 Obrigada, Maykão

  • @brunoferreira5158
    @brunoferreira5158 2 ปีที่แล้ว

    Maykão vc é muito fera!!!

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      valeu mano! 💛

  • @WesleyMoreira-x8h
    @WesleyMoreira-x8h 8 หลายเดือนก่อน

    Cara, que incrível. Muito obrigado😱

  • @cesaraugustopinto9863
    @cesaraugustopinto9863 2 ปีที่แล้ว

    Não conhecia!! Optima Dica

  • @nelson.costa.dev2536
    @nelson.costa.dev2536 2 ปีที่แล้ว

    Rapaz vc é um mágico kakak.

  • @ciro.dsgn_
    @ciro.dsgn_ 2 ปีที่แล้ว

    Bom demais meu brother, tá muito massa esse conteúdo em hmtl e css

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      😍😍😍

  • @mateuscnte
    @mateuscnte 2 ปีที่แล้ว

    Ótimo conteúdo Maykão!!!!

  • @niltonduarte3531
    @niltonduarte3531 2 ปีที่แล้ว +1

    Dá hora!

  • @deniscov
    @deniscov 2 ปีที่แล้ว

    Muito bom, Mayk. Não conhecia, mas é uma mão na roda.

  • @ChicoNetocordeiro
    @ChicoNetocordeiro 2 ปีที่แล้ว

    Excelente Dica.

  • @viniciusoliveira7335
    @viniciusoliveira7335 2 ปีที่แล้ว

    Caraca Mayk, não conhecia o CSS Column, achei incrível... antes, se eu precisasse fazer algo assim, certamente usaria o flex ou o grid, vou usar esse Column agora 😆

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      bom demais né? também pirei muito quando vi

  • @klebersanzony
    @klebersanzony 2 ปีที่แล้ว

    Incríveeelll!!!!

  • @marcoswodbarros
    @marcoswodbarros ปีที่แล้ว

    Sensacional, Maykão. Obrigado!

  • @marciaceciliadossantospisa50
    @marciaceciliadossantospisa50 ปีที่แล้ว

    😊 Incrível. Obrigada!

  • @thiagomoraes791
    @thiagomoraes791 2 ปีที่แล้ว

    muito obrigado mayk, eu tô fazendo um portifolio de artista e isso me vai me ajudar muito

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว +1

      Que massa 🚀🚀🚀

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

    Magnífico

  • @pc_editora
    @pc_editora 2 ปีที่แล้ว

    Show Mayk

  • @reinaldodev
    @reinaldodev 2 ปีที่แล้ว

    eu conhecia esses comandos para texto, mas nunca parei pra pensar que poderia testar com outra coisa além de texto. Achei a dica bem válida, e alternativa elegante ao flex para galerias o/

  • @wender451
    @wender451 2 ปีที่แล้ว

    Sensacional….. 👏🏻👏🏻👏🏻

  • @cursosgratuitoss
    @cursosgratuitoss ปีที่แล้ว

    com todo respeito ....... te amo cara

  • @nikolassco
    @nikolassco 2 ปีที่แล้ว

    Sensacional

  • @andrepereiradossantos8592
    @andrepereiradossantos8592 ปีที่แล้ว

    nossa muito show

  • @lillianpaula2178
    @lillianpaula2178 2 ปีที่แล้ว

    Muito necessário!!

  • @theluposki5712
    @theluposki5712 2 ปีที่แล้ว

    Nossa muito boa essa dica..

  • @mistermateus1883
    @mistermateus1883 2 ปีที่แล้ว

    Caraca que interessante, não conhecia essa propriedade

  • @brunovinicius-nz6yb
    @brunovinicius-nz6yb ปีที่แล้ว

    Não conhecia. show.

  • @pauloartista
    @pauloartista 4 หลายเดือนก่อน

    Muito top

  • @abnerwillys
    @abnerwillys 2 ปีที่แล้ว

    isso é muito bom. Mais uma opçao valida. Ja salvei nos favoritos. Maykao, pegando o gancho que vc falou do trabalho que da o safari. Tem alguma sugestao pra testar no safari, sem Mac e sem Iphone ? :(

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว +1

      Cara, talvez fazer uma máquina virtual.. Talvez usar um serviço como o Mac in cloud..

  • @cesarsturmer8625
    @cesarsturmer8625 2 ปีที่แล้ว

    pohhhhhhhhh iradoooooo ein

  • @ruanvalente7496
    @ruanvalente7496 2 ปีที่แล้ว

    Incrível 😻

  • @jhonyluz1640
    @jhonyluz1640 2 ปีที่แล้ว

    Incrível

  • @wesleyalmeidaofc
    @wesleyalmeidaofc 2 ปีที่แล้ว

    nossa to fazendo um trabalho tava lutando pra fazer essa parte de galeria salvo legal

  • @laitongarcia3065
    @laitongarcia3065 2 ปีที่แล้ว

    Bacana

  • @samanthacarvalho1697
    @samanthacarvalho1697 2 ปีที่แล้ว

    Muito bom o vídeo, mas tenho uma dúvida. Eu preciso fazer isso só q a ordem das fotos precisam seguir na horizontal e eu queria saber se tem como fazer isso?

  • @Marcos-il4zt
    @Marcos-il4zt 2 หลายเดือนก่อน

    MUITO MASSA, MAS UMA PERGUNTA, NO PINTEREST, VC CLICK EM UMA IMAGEM E ELA É SELECIONADA E APRESENTADA DE FORMA AMPLIADA.Como posso fazer isso? . Poderia fazer um tutorial sobre esse tema. Obrigado.

  • @Joabson2011
    @Joabson2011 2 ปีที่แล้ว

    Fenomenal ❤️

  • @pazerelaxamento117
    @pazerelaxamento117 8 หลายเดือนก่อน

    Boa noite. N a sua opinião. Quando devo usar o columns e o flexbox ?

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

      Qualquer um... a minha escolha depende do problema e de qual eu lembro de usar na hora haha

  • @rcbeffects8761
    @rcbeffects8761 4 หลายเดือนก่อน

    Toooooooop

  • @gabrielviteboGV
    @gabrielviteboGV 2 ปีที่แล้ว

    eu faço o explore, e tive muita dificuldade no grid, nos próximos projetos que eu usaria o grid, acha que vale a pena eu ir dessa forma ou continuar no grid pra praticar?

    • @maykbrito
      @maykbrito  2 ปีที่แล้ว

      Continua estudando grid! Ele é fenomenal. Só saiba que existe essa outra maneira também, que irá te ajudar nos seus projetos.

  • @netobaima774
    @netobaima774 9 หลายเดือนก่อน

    qual o nome desse editor de codigo que você usou?

  • @thejiren3889
    @thejiren3889 2 ปีที่แล้ว

    Faz sistema de favoritos com javascript ou react

  • @LeandroCosta-vj2nb
    @LeandroCosta-vj2nb ปีที่แล้ว

    I love you men ❤❤

  • @Miniprincesa3499
    @Miniprincesa3499 ปีที่แล้ว

    Ei!?. Kkkk O meu não ta dando para rolar as imagens para baixo e para cima, não Aparece a régua do lado, você sabe O por que?

  • @NaryaraSenai
    @NaryaraSenai 5 หลายเดือนก่อน

    Mas como colocar o objeto de curtida e de comentário em cima de cada imagem?

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

      De maneira simples, eu colocaria cada imagem de dentro de uma tag div. Aí, dentro dessa div, eu poderia colocar os elementos que eu achasse necessário para construir o cartão completo. Se quiser, participa das lives de seg e qui 10:01 e peça para que a gente faça isso lá na live, e a gente faz ;)

  • @pedroblandim3926
    @pedroblandim3926 2 ปีที่แล้ว

    🤯🤯🤯

  • @Daanielleme
    @Daanielleme ปีที่แล้ว

    Qual seu programa pra isso?

    • @maykbrito
      @maykbrito  ปีที่แล้ว

      É um editor que eu criei.. o fronteditor.dev