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

Поделиться
HTML-код
  • Опубликовано: 24 янв 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.

  • @gustavorob8515
    @gustavorob8515 Год назад

    Melhor professor que já tive, Parabéns

    • @serliv
      @serliv  Год назад

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

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

  • @pauloedson9698
    @pauloedson9698 Год назад

    Top demais

    • @serliv
      @serliv  Год назад

      Muito obrigado Paulo. Forte abraço

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

  • @leonardomaia4770
    @leonardomaia4770 Год назад

    qualidade e didática como sempre excelente, obrigado!

    • @serliv
      @serliv  Год назад

      Eu que agradeço Leonardo. Forte abraço

  • @geovaalves365
    @geovaalves365 5 месяцев назад

    Aula surpreendente e fantástica!

    • @serliv
      @serliv  5 месяцев назад

      Muito obrigado 😃

  • @waldirjunior1414
    @waldirjunior1414 Год назад

    Aula top ..

    • @serliv
      @serliv  Год назад

      Obrigado 😃

  • @Duarte_DAvila
    @Duarte_DAvila Год назад

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

    • @serliv
      @serliv  Год назад +1

      Eu que agradeço. Forte abraço

  • @quartorama1
    @quartorama1 3 месяца назад

    Muito bom conteúdo!

    • @serliv
      @serliv  3 месяца назад

      Muito obrigado 😃

  • @Themanoel88
    @Themanoel88 8 месяцев назад

    otima aula

    • @serliv
      @serliv  8 месяцев назад

      Muito obrigado 😃

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

  • @joseamalcantara
    @joseamalcantara Год назад

    Muito bom mesmo

    • @serliv
      @serliv  Год назад

      Valeu José. Abração

  • @Paul0-Cardos0777
    @Paul0-Cardos0777 6 месяцев назад

    Show🎉

  • @rogerio8710
    @rogerio8710 Год назад

    Valeu pela aula.

    • @serliv
      @serliv  Год назад

      Eu que agradeço Rogério. 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

  • @gleydsonbrito1717
    @gleydsonbrito1717 Год назад

    Simplesmente fantástico

    • @serliv
      @serliv  Год назад

      Muito obrigado Gleydson. 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

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

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

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