TUTORIAL CSS GRID. Como criar páginas web mais FÁCIL

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

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

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

    nem assistir o video inteiro, mas só pelo começo e com o pouco conhecimento que tenho, tenho certeza o video será top

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

      Valeu George

  • @chule9850
    @chule9850 ปีที่แล้ว +3

    Vc explica muito bem 🎉😊👏👏

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

      😍😍😍 muito obrigado ☺️

  • @michaelwilly.
    @michaelwilly. 11 หลายเดือนก่อน +1

    Cara, obrigado de coração!! Didática incrível, parabéns!!

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

      Muito obrigado Michael. Valeu mesmo

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

    Excelente aula!

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

      Fico feliz que tenha gostado

  • @marcotellojr.9725
    @marcotellojr.9725 ปีที่แล้ว +1

    Show de bola, estou estudando e aprendi recentemente a usar CSS Grid, mas foi de uma maneira diferente. Vou por em prática a sua aula e agregar ao conhecimento.
    Da forma que aprendi em aula seria utilizando a grid areas!

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

      Sim. É isso mesmo. Há outras maneiras de trabalhar com CSS grid. O importante é conhecer outras abordagens e assim poder decidir qual você prefere dependendo do cenário.

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

    Show de aula. Estou inscrito no seu canal. Muito obrigado. D'us lhe abençõe e aos seus familiares.

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

      Amém Rubens. Desejo o mesmo pra ti. Abração

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

    Aula surpreendente e fantástica!

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

      Muito obrigado 😃

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

    Melhor professor que já tive, Parabéns

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

      Opa. Muito obrigado pelo elogio. Valeu mesmo. Forte abraço Gustavo

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

    Muito bom conteúdo!

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

      Muito obrigado 😃

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

    Olá meu mestre, bom dia!
    Que aula fantástica hein?
    Até hoje só uso flex pq não faço ideia de como usar grid. Mas depois desta aula vou tentar usar mais o grid.
    Professor aproveitando o ensejo, explica por favor quais as diferenças mais acentuadas em grid e flex. Quando usar um e quando usar o outro, ou até mesmo quando combinar ambos.
    Obrigado de verdade por tua disposição.

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

      Muito obrigado. Sugestão anotada. Valeu mesmo

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

    Aula top ..

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

      Obrigado 😃

  • @Paul0-Cardos0777
    @Paul0-Cardos0777 7 หลายเดือนก่อน

    Show🎉

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

    otima aula

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

      Muito obrigado 😃

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

    Muito bom mesmo

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

      Valeu José. Abração

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

    Top demais

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

      Muito obrigado Paulo. Forte abraço

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

    Bela Aula, Obrigado pelo seu tempo, Prezado. 👏✌👍

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

      Eu que agradeço. Forte abraço

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

    qualidade e didática como sempre excelente, obrigado!

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

      Eu que agradeço Leonardo. Forte abraço

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

    Valeu pela aula.

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

      Eu que agradeço Rogério. Abração

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

    Que aula maravilhosa, ta de parabéns! A explicação foi sensacional, obrigado professor!

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

      Eu que agradeço Jhonatan. Abração

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

    Simplesmente fantástico

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

      Muito obrigado Gleydson. Abração

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

    Muito bom, estou no comeco do video ainda mas grid me lembrou bastante o estudo de tabelas

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

      hahahaha.. Lembra em como organizar as informações, mas é bem diferente por ser muito mais flexível e mais fácil de dar manutenção

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

      @@serliv Sim, sim eu falo no quesito de pensar nos spans de coluna e linha, sei que não é bom usar tabela pra fazer os layouts

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

      @@exa3460 exatamente isso. Lembra muito mesmo a forma de pensar. Abração

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

    Olá boa essa aula, como coloco imagem e texto nessas grids

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

      Oi José. Precisa mesmo escrever as tags corretas dentro das grid cells.

  • @helder-rangel
    @helder-rangel 8 หลายเดือนก่อน

    Que tal fazer uma página responsiva a partir desse layout? Mais de 70% doa scessos são com dispositivos móveis, em muitos sites na internet.

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

      Muito obrigado pela sugestão Helder

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

    Muito bom!!! Criar layout's no CSS é uma arte kkkk. E como ficaria, pra no caso de eu querer que o nav fique sempre fixo no topo da página ao usuário rolar a tela?

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

      sticky, ou tu pode deixar teu header como fixed.

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

      Como o Derem falou. E vc precisa ver se vale a pena manter dentro do grid ou não. (eu tentaria deixar fora, uma vez que deve ser fixo.. mas pode depender de como deve se comportar em telas menores)

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

    olá professor tudo bem? não entendi muito bem a parte final do video, o que significa esse > * no seu codigo?

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

      significa qualquer elemento que é filho direto (ou seja, o primeiro filho). Eu ensino isso e muito no meu curso de HTML e CSS. Tem uma playlist completa e gratuita aqui no youtube e tenho também o curso na udemy (link na descrição) que está atualizado e possui mais conteúdo. Dê uma conferida se tiver interesse

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

    Nao entendi, o numero total de declarações no grid template rows na verdade é o numero de grid columns

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

    Vice poderia trazer sites para os inscritos fazer

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

      Boa Rafael. Obrigado pela sugestão

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

    Cara deixa ele responsivo tb. Pode ser?

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

      Valeu. muito obrigado pela sugestão

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

    Tinha que ter abordado a responsividade nesse vídeo, ia ser muito melhor, por mais que o vídeo iria ficar maior.

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

      Tinha? tá certo então hahahaha..