Explaining CSS Grid (in practice!) | with Mayk Brito

Поделиться
HTML-код

Комментарии • 55

  • @rocketseat
    @rocketseat  7 месяцев назад +2

    No aniversário da Rocketseat, quem ganha uma OFERTA EXCLUSIVA é você!
    Descubra mais: rseat.in/ENt90Atzj

  • @TiagoRodrigues-nq4mo
    @TiagoRodrigues-nq4mo Год назад +18

    Que aulão, só não aproveita quem não quer!!!

    • @UandersonFT
      @UandersonFT 2 месяца назад

      de fato, estou retornando pela base e isso está me ajudando demais a criar minha primeira landing page responsiva

  • @giovanniperrotta2658
    @giovanniperrotta2658 Год назад +7

    Mayk que didática fantástica, parabéns excelente conteúdo.

  • @DanielRios549
    @DanielRios549 Год назад +3

    CSS Grid é um negócio simplesmente fantástico (sim, 🤯 explodiu minha cabeça quando conheci), vc cria áreas e organiza da forma que quiser, podendo mudar de acordo com o dispositivo, e isso sem alterar a marcação, é lindo demais. Minha propriedade favorita é o shorhand grid-template, gosto muito de criar o grid com ele porque fica bem mais fácil, vc consegue dar nome as areas e organizar em strings como se fosse o próprio grid, e pra posicionar basta usar o nome da area que vc criou nos filhos com grid-area

  • @ranan.js1080
    @ranan.js1080 Год назад +2

    conteúdo simplesmente sensacional cara e totalmente de graça, é um prazer imenso poder desfrutar da didática do Mayk cara, impecável, cabeça explodindo aqui!

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

    Estava penando pra entender CSS Grid... vc é insano, Mayk !!

  • @BorisZaidan
    @BorisZaidan 4 месяца назад

    Que aula, a explicação faz parecer fácil, parabéns aula nota 1000.
    didática excelente!

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

    olá, excelente aula, parabéns Mayk! Nessa parte de desenvolvedor (DEVTOOLS) na hora de mostrar as linhas e coluna do Grid, em vez de só colocar o mouse em cima do container, no caso o body, tem um botão ao lado com o nome grid, é só clicar que as linhas ficam ficam visíveis e você pode manusear o mouse sem que elas sumam.

  • @the.occult
    @the.occult Год назад

    Se eu pudesse dar mil likes eu daria, entender grid e também flex eram o que eu mais estava tendo dificuldade no CSS e agora eu tô entendendo bem melhor.

  • @carloshfmaciel
    @carloshfmaciel 9 месяцев назад

    Que didática sensacional! Muito obrigado!

  • @natancent1
    @natancent1 11 месяцев назад

    Cara o Mayk é fantástico na sua didática!

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

    Maykão salvando.... didática fantástica.

  • @henriqueb.2899
    @henriqueb.2899 Год назад

    É muito bom aprender com quem sabe e tem prazer em ensinar ! Que aula ! 🤯

  • @MarceloNascimento-km1yb
    @MarceloNascimento-km1yb Год назад +1

    Cara, vc é D+!!!

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

    eu consegui fazer um trabalho de portifólio, graças a seu video.

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

      Uhhulll!! Parabéns pela dedicação

  • @MicaelAbreu
    @MicaelAbreu 7 месяцев назад

    cara você é o melhor, sério aaaaaaa

  • @MarceloHenrique-mn8vf
    @MarceloHenrique-mn8vf Год назад

    Caramba Grid CSS destravado agora, super valeu!!!!

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

    Imensamente grata pelo vídeo.

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

    sensacional que se fala

  • @CandidoZfinda
    @CandidoZfinda Год назад +2

    Aula top demais

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

      Que bom que curtiu, Candido 💜

  • @18bigrock
    @18bigrock Год назад

    Explicação ótima 😊

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

    muito boa aula de grid.

  • @raphaelrychard5440
    @raphaelrychard5440 2 месяца назад

    Simplesmente obrigado kkkkkkkkkkkkkkkkkkk

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

    Para trabalhar com responsividade, fica mais facil utilizar grid template areas, ajuda muito mais identificar o que esta fazendo no código e aonde vc esta manipulando.

  • @raffavnunes
    @raffavnunes 6 месяцев назад

    Fala Mayk, blz? Como eu faço para criar um layout com texto e imagens e por exemplo pegar um imagem em 1 e meia linha ou coluna tipo desalinhando com outros elementos?

  • @RafaelaNascimento-e9p
    @RafaelaNascimento-e9p 10 месяцев назад

    Incrivel!!

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

    Show!!

  • @willborral
    @willborral 11 месяцев назад

    Tops man !!!

  • @MoisésBarros-g7t
    @MoisésBarros-g7t 9 месяцев назад

    mark, você é pika!

  • @ranan.js1080
    @ranan.js1080 Год назад +2

    🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯

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

    qual o nome desse editor de código?

  • @DSV_ELITE
    @DSV_ELITE 6 месяцев назад

    Mas como que o computador vai saber quem é o 1 2 3 e o 4??

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

    Maikao, que aula top, mas fiquei interessado nesta ferramenta que voce incluiu o Miro, o Front-end Editor, etc, qual o nome desta ferramenta/aplicaitivo.

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

    Maykão, o Tailwind CSS usa o Grid ou o Flexbox ?
    Valeu!

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

    Fala, Mayk. Qual o nome desse compilador de código?

  • @BrunoSantos-rp5qq
    @BrunoSantos-rp5qq 8 месяцев назад

    Bom🤯🤯🤯🤯🤯

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

    prefiro alternar entre display flex e block

  • @maviuki
    @maviuki 10 месяцев назад

    explodiu aquikkk

  • @root-pwn
    @root-pwn 6 месяцев назад

    🤯🤯🤯🤯🤯

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

    Show

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

    🔥🚀👨‍🚀

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

    a aula esta travando

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

    Oi

  • @Digitronica
    @Digitronica Год назад +2

    eu acho que Grid é grade, nao grelha. rs

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

      é isso mesmo!! na hora eu pensei na grelha de churrasco e fiquei preso nela hahaha 😍