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

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024
  • Galeria básica com HTML [semelhante ao utilizado no vídeo]
    ↪www.frontedito...
    Transforme sua vida com a Programação [CURSO GRATUITO]
    ↪discover.maykb...

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

  • @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.

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

    Dá hora!

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

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

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

    Cara, que incrível. Muito obrigado😱

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

    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?

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

    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?

  • @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!!❤

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

    Faz sistema de favoritos com javascript ou react

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

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

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

      hahahahah ~Seu Madruga

  • @pauloartista
    @pauloartista 2 วันที่ผ่านมา

    Muito top

  • @rcbeffects8761
    @rcbeffects8761 24 วันที่ผ่านมา

    Toooooooop

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

    Não conhecia!! Optima Dica

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

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

  • @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!!

  • @LeandroCosta-vj2nb
    @LeandroCosta-vj2nb 10 หลายเดือนก่อน

    I love you men ❤❤

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

    Não conhecia. show.

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

    Muito necessário!!

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

    Rapaz vc é um mágico kakak.

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

    nossa muito show

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

    Incríveeelll!!!!

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

    Excelente Dica.

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

    Incrível

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

    Show Mayk

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

    Fala Mayk tudo bem ?
    Estou querendo fazer um software básico para ordem de serviço .
    Onde consigo colocar razão da empresa e logo , perquisa de empresa cadastrado
    Motorista placa e obs.:

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

    Bacana

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

    🤯🤯🤯

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

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

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

      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 ;)

  • @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.

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

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

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

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

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

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

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

      Joelzaum! Sdds amigo!

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

    pohhhhhhhhh iradoooooo ein

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

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

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

      que carinho

  • @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!! 👏🏻👏🏻👏🏻

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

    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!!!

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

    Maykão vc é muito fera!!!

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

      valeu mano! 💛

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

    Sensacional, Maykão. 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 🎉

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

    Qual seu programa pra isso?

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

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

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

    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

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

    Maravilhoso! Amei🥰👏🏼 Obrigada, Maykão

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

    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.

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

    😊 Incrível. Obrigada!

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

    Caraca que interessante, não conhecia essa propriedade

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

    Sensacional….. 👏🏻👏🏻👏🏻

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

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

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

    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

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

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

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

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

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

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

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

    Nossa muito boa essa dica..

  • @fernandoi.kobayashi9826
    @fernandoi.kobayashi9826 11 หลายเดือนก่อน

    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  11 หลายเดือนก่อน

      Que incrível, Fer! TMJ

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

    ú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  9 หลายเดือนก่อน

      hhahaaah.. TMJ.. obrigado!

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

    Sensacional👏👏👏

  • @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..

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

    Sensacional

  • @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

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

    Fenomenal ❤️

  • @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

  • @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/

  • @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

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

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

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

      Fantástico né mano?

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

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

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

    Incrível 😻

  • @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 🚀🚀🚀

  • @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 🥰

  • @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 👏👏

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

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

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

      😍😍😍