Se você quer aprender mais sobre CSS, React JS, React Native, Node JS e muito mais então aproveita esse desconto do Rocketseat One pra ter conteúdo de MUITA qualidade e extremamente bem estruturado tr.ee/kipperdev-desconto-rocketseat-one 🎁 USE O CUPOM: KIPPERDEV
fiz alguns cursos sobre o display grid e me deu dor de cabeça! é em 25min vc conseguiu fazer o que os cursos em horas não fizeram! Muito obrigado, ajudou demais! ganhou um novo inscrito.
moça , gostei muito da didatica, estou fazendo um curso de front end , bem famoso ate, porem ele nao sabe explicar igual á vc, agora sim eu consegui entender o grid, muito obrigado, ja vou maratonar seu canal.!!!!!
Olá Fernanda, tudo bem? Gostaria de deixar meus agradecimentos, você tem sido minha referência quando o assunto é front. Sou DEV (backend) a uns 10 anos + e só agora estou estudando front a fundo, seus vídeos me ajudam muito! É o conteúdo mais atualizado e prático que encontrei até hoje! Sucesso guria!
As vezes eu acho que você tá lendo minha mente, penso em estudar alguma coisa coisa ou fazer algum projeto para aprender algo e você no mesmo dia faz o video com o conteúdo kk, só tenho a te agradecer estou aprendendo mt com seu canal mt obrigado \o
Excelente vídeo Fernanda.. Eu estou desenvolvendo um site especificamente pra explicar flexbox e grid de um jeito facil e prático (especialmente para os meus amigos backend que pedem ajuda pra alinhar algo na tela kkk.. eu nao julgo, fui backend por mt tempo e fazia a msm coisa kkkkk)
Muito didática e excelente como sempre. Uma sugestão que seria legal, seria um vídeo ensinando na prática uso de context com o reducer em React, é uma coisa que assusta um pouco o pessoal kkk
Uma dúvida sobre o auto-fiill, vamos considerar que você botou um (auto-fill, 100px) e dai você foi redimensionando a tela até chega em 1920(full screen), ou seja, agora você tem 19 colunas, não teria uma forma de travar o auto-fill quando ele chegar em tal tamanho, e além disso alinha esse sempre ao meio por exemplo, pois no caso que citei, teremos 19 colunas, e os itens de cada linha e coluna estão todos colados a esquerda mesmo tendo uma sobre enorme a direita deles, não teria como colocar pra eles sempre ficarem ao meio ou ao final por exemplo?
Tu tem algumas saídas nisso, tu pode usar o media quero pra configurar suas persolazacoes utilizando N o auto-fill mas sim o grid área, outra solução seria vc aumentar o tamanho das colunas dependendo do meia query ou usar o auto-fill com a propriedade 1fr q vai da fração da tela e N dr um número fixo, mas vai depender do seu contexto saber quais opções podem ser melhor pra tu
Estou criando meu portfólio e utilizei esse video como referência. Ajudou muito obrigado. Os dados de cada projeto eu montei um json server com os dados e imagens e chamei essa api no meu angular, as informações de textos vem certinho mas as imagens não. O que pode ser?
Olá, abraço de Portugal. Gosto muito dos teus videos e não custumo comentar mas fiqui com uma dúvida: porque usas o justify-items e não o justifty-content?
Ei.. tudo bom? Tava querendo sair do emprego p trabalhar na área. Poderia me indicar pra uma vaga de estagiário? Tem tempo que quero entrar na área e não consigo.
Bom conteúdo mais nao tao bem explicado, para alguém q ja percebe do assunto, acho q adorou mais para alguém como eu q esta iniciando ja a um bom tempo mesmo, achei q vc nao foi tão clara durante as explicações, tem partes q nao percebi o assunto. Resumindo: pude perceber a essência do display grid mais tem partes q nao pude perceber pq sao assim ou como realmente utiliza-las e isso q acho q é o mais importante, ou seja, passa a ser mais clara e passa a explicar um pouco mais devagar e nao tao rápido. Apenas o q acho, sem querer faltar o respeito...
Obrigada pelo comentário, vou tentar melhorar minhas explicações para os próximos! O objetivo do vídeo foi explicar na prática como utilizar o display grid, ensinando seus atributos e a forma como ele funciona.... não pensei em explicar para quais cenários ele pode ser usado, vou cuidar para os próximos :)
eu to travado tem dias tentando fazer um negocio assim mas parece impossivel, sempre usei flex box mas nem flex nem grid nem reza permite /---------------------------/---------------/ / / 30%/30% / / 70%/70% /---------------/ /-----------------------/ / / 70%/30% / 30%/70% / /---------------------/---------------/
Se você quer aprender mais sobre CSS, React JS, React Native, Node JS e muito mais então aproveita esse desconto do Rocketseat One pra ter conteúdo de MUITA qualidade e extremamente bem estruturado
tr.ee/kipperdev-desconto-rocketseat-one
🎁 USE O CUPOM: KIPPERDEV
Excelente vídeo! Esse mesmo tópico "Display: Grid" está disponível do curso em que PAGUEI para aprender. Mas tu explica 1000x melhor! Parabéns!!!
Muito obrigadaaa, Matheus 💜
Que bom que ajudou você
fiz alguns cursos sobre o display grid e me deu dor de cabeça! é em 25min vc conseguiu fazer o que os cursos em horas não fizeram! Muito obrigado, ajudou demais! ganhou um novo inscrito.
Que bom que ajudou você 💜
Muito obrigada pela confiança
7 meses depois, eu voltei aqui e esse vídeo me salvou muito!! Estava sofrendo no CSS de um projeto aqui hahaha VLW FE!!!!
Hahahah boaaa
De nada 💜
Você explica muito bem!! Tava quebrando minha cabeça com um projeto e agora sei como fazer.
Obrigadaaaaa
MUY CRANIO estou impressionado com o jeito q ela ensina MUY CRANIO
moça , gostei muito da didatica, estou fazendo um curso de front end , bem famoso ate, porem ele nao sabe explicar igual á vc, agora sim eu consegui entender o grid, muito obrigado, ja vou maratonar seu canal.!!!!!
Muito obrigadaa, @J_oao_rocha. Muito bom saber que o meu jeito de explicar te ajudou .💜
sério explica muito bem, estou assistido todos os vídeos e programando junto
Boaaa, que show Fe! Fico muito feliz que vc esteja gostando 💜
Meu Deus do céu, você é minha heroína, eu tava travado em um bug, com esse video foi fácil fácil de resolver.
Muito bom! Fiquei esperando falar sobre a propriedade auto no lugar do tamanho. Mas vou testando pelo meu código, valeu.
Macetou um módulo do meu curso em 25min na minha mente, só que melhor. Obrigado
Ajudou de mais tava vendo no curso entendi nada, vendo seu vídeo esclareceu um monte de coisa, obrigado
Parabéns pela didática. Uma aula pontual e precisa.
Olá Fernanda, tudo bem?
Gostaria de deixar meus agradecimentos, você tem sido minha referência quando o assunto é front. Sou DEV (backend) a uns 10 anos + e só agora estou estudando front a fundo, seus vídeos me ajudam muito! É o conteúdo mais atualizado e prático que encontrei até hoje!
Sucesso guria!
Que honra poder ajudar alguém com tanta experiência!
Muito obrigado pela confiança, Nilton, fico muito feliz que o conteúdo esteja te ajudando 💜
felca programdor vc me salvou muito papo reto te amo s2
Muito bem moça! Simples e direto ao ponto.
Você é sensacional, obrigado por contribuir tanto com a comunidade
Obrigada!! Fico feliz em ajudar nossa comunidade 💜
Hoje sou estudante de front-end e estava fazendo um cardapio e seu video me ajudou mt vey 😘😘
Que bom Jhon, fico feliz que ajudou! 💜
te amo! comecei programação por conta de você
Aula muito massa. Didática incrível.
Obrigado, Fernanda!!!
Sua explicação é super didática e simples :)
Ótimo vídeo, muito didático, curti muito para dar uma relembrada nesses conceitos básicos de CSS
Muito obrigadaa, @pietrorodrigues3008 💜
isso é basico?! AAAAAAAAAAAAAAAAAAAAA TO LASCADO
Caraca esse video chegou na hora perfeita dos meus estudos, muito obrigado!! 👏🏽
Seus conteúdos têm agregado muito nos meus estudos, sua didática funciona muito pra mim, muito obrigada 🥰
Que bomm, @marcelemonteiro1519
Fico muito feliz que esteja ajudando você 💜
Tô simplesmente zerando todos os vídeos. Obrigado por ajudar um Dev iniciante!
hhahaha fico feliz que os vídeos estão ajudando Estano 💜
As vezes eu acho que você tá lendo minha mente, penso em estudar alguma coisa coisa ou fazer algum projeto para aprender algo e você no mesmo dia faz o video com o conteúdo kk, só tenho a te agradecer estou aprendendo mt com seu canal mt obrigado \o
ahahahaha nossa que coindência! Fico feliz de estar de ajudando com os videos Leo! Bons estudos pra você 💜
porrra mt foda, me acostumei com o display flex mas vou usar esse tambem
muito bom esplicação e muito boa parabens.
Esse seu ótimo vídeo, salvou aqui! Muito obrigado, pequena! ♥ Fortaleza-CE ♥
Que bom que ajudou você, @xpeugames 💜
Ótima aula! Obrigado
Gostei demais do conteúdo. Show de bola !!
Ótimo conteúdo, muito bem explicado.
Espero que tenha mais conteúdos assim
a melhor de todas.
Gostei Fernanda, esta até procurando outra coisa, mas gostei do vídeo.
Melhor vídeo sobre css grid
Excelente didática😊. Parabéns👏
Excelente vídeo Fernanda.. Eu estou desenvolvendo um site especificamente pra explicar flexbox e grid de um jeito facil e prático (especialmente para os meus amigos backend que pedem ajuda pra alinhar algo na tela kkk.. eu nao julgo, fui backend por mt tempo e fazia a msm coisa kkkkk)
Obrigada Deivi!!
ahahah que massa, depois me manda o link do seu projeto! Conheço umas pessoas que gostariam de usá-lo também :)
Bacana o Grid trabalha com duas dimensão colunas e linhas.
Muito top, conteúdo incrível!!
Sou aluno da Rocketseat e sou fã!! 💜
Obrigada Luiz, fico feliz que gostou!! E que massa, sou ex-aluna da Rocket tambémm 💜
sua didática é ótima Fer, tamo junto 👊👊
Obrigadaa! Tamo junto 😊
você é zika!!! uma sugestão, faz do flex box tambem seria otimo!
Obrigadaa! Sim, logo tem vídeo de flex box também 😊
Muito didática e excelente como sempre. Uma sugestão que seria legal, seria um vídeo ensinando na prática uso de context com o reducer em React, é uma coisa que assusta um pouco o pessoal kkk
Obrigada Ryu!! E obrigada pela sugestão, logo terá uma live sobre esse assunto 😊
Maravilhosa🎉❤ Obrigado pelo conteúdo. 😍😊
Muito obrigado Felca
Uma dúvida sobre o auto-fiill, vamos considerar que você botou um (auto-fill, 100px) e dai você foi redimensionando a tela até chega em 1920(full screen), ou seja, agora você tem 19 colunas, não teria uma forma de travar o auto-fill quando ele chegar em tal tamanho, e além disso alinha esse sempre ao meio por exemplo, pois no caso que citei, teremos 19 colunas, e os itens de cada linha e coluna estão todos colados a esquerda mesmo tendo uma sobre enorme a direita deles, não teria como colocar pra eles sempre ficarem ao meio ou ao final por exemplo?
Acho que dá pra configurar isso com o media query
Tu tem algumas saídas nisso, tu pode usar o media quero pra configurar suas persolazacoes utilizando N o auto-fill mas sim o grid área, outra solução seria vc aumentar o tamanho das colunas dependendo do meia query ou usar o auto-fill com a propriedade 1fr q vai da fração da tela e N dr um número fixo, mas vai depender do seu contexto saber quais opções podem ser melhor pra tu
Boa, ja deu ideia de praticar no portfolio!
Boa!! 💜
Aê fernanda, parabéns pelo conteúdo.
amei muito obg 😍
Fantastico sua explicação e se vc ter curso seu manda o link.
Estou criando meu portfólio e utilizei esse video como referência. Ajudou muito obrigado.
Os dados de cada projeto eu montei um json server com os dados e imagens e chamei essa api no meu angular, as informações de textos vem certinho mas as imagens não. O que pode ser?
Muito bom fernanda
Ficou top demais !! Faz também de Flexbox.
Obrigada Ronaldo!! Simm, logo terá vídeo de flexbox também :)
obrigado pelo conteudo, nota 10
amei diva, ajudou
Que bom que ajudouuu Carol!
Ótimo vídeo Fe vc é demais e seu conteúdo é top
Obrigada Obita!! Que bom que gostou 💜
boooa :) Você é 10 Fernanda, sucesso !!!
Muito obrigadaa, @hardpuppy25 💜
Successo pra você também!
Excelente vídeo!!!
obrigado pela aula.
Hj é usado muito o grid? Estou estudando somente o flex e entendendo bem. Em proporção de uso o que seria mais usado?
Top , ótimo conteúdo
ajudou mt moça, obgd
Excelente vídeo Fernanda !
Valeu Wallace! 💜
A Fer é o meu ponto fraco, mina gata e inteligente, como é difícil achar uma pessoa assim!
Tá atacante hein KKKKKKKKKJKJJJJJJKKKKJJKKKK
@@EndisuKKJJ falei mentira? Kkkkkk claro q não
Você é braba demais, obrigado
Muito bomm!
Olá, abraço de Portugal. Gosto muito dos teus videos e não custumo comentar mas fiqui com uma dúvida: porque usas o justify-items e não o justifty-content?
se tivesse uma cor no fundodo container, dava pra ver melhor a movimentação das caixinhas
Arrasa!
Show
perfeitaaaaa
Ótimo vídeo como sempre, oq me pega é só esse sotaque paulista do MÂS kkkk
Ela é do sul
Obrigada Kevin!! 😊
Eu sou gaúcha hahaha
Será que existe alguma extensão que deixa o nome das funções/variáveis dentro de uma caixinha colorida, igual as cores
me ajudou muitooooo VLW
💜
Mano, vídeo bom demais. Mas tô até agora sem entender a lógica do que acontece no minuto 5:24 :(
Top D+
Qual é esse tema que você usa no VS, Fernanda?
Eu uso o Emerald, versão Dark!
eu gostaria de ter auxilio online. Como eu faço???
IMPORTANTE
q video bom
Muito obrigadaa, @pereri8639 💜
Fico feliz que tenha gostado
Você é f*da! Com o perdão da palavra
ahahaha muito obrigada!! 💜
Ei.. tudo bom?
Tava querendo sair do emprego p trabalhar na área. Poderia me indicar pra uma vaga de estagiário?
Tem tempo que quero entrar na área e não consigo.
Não é assim amigo.
Voce precisa saber fazer algo e estar cursando faculdade para conseguir acesso a um estágio.
Fernanda, qual o nome desse tema q você sempre usa? Acho daora, mas não acho ele
Up
Fernanda, vamos levar um choque pra eu receber todos os seus conhecimentos ?
bom
Valeu!!
tema pls
oi fe
Ela explica tão bem, mas eu sou tão burro que fui tentar reproduzir e n saiu foi nada.
Bom conteúdo mais nao tao bem explicado, para alguém q ja percebe do assunto, acho q adorou mais para alguém como eu q esta iniciando ja a um bom tempo mesmo, achei q vc nao foi tão clara durante as explicações, tem partes q nao percebi o assunto. Resumindo: pude perceber a essência do display grid mais tem partes q nao pude perceber pq sao assim ou como realmente utiliza-las e isso q acho q é o mais importante, ou seja, passa a ser mais clara e passa a explicar um pouco mais devagar e nao tao rápido.
Apenas o q acho, sem querer faltar o respeito...
Obrigada pelo comentário, vou tentar melhorar minhas explicações para os próximos! O objetivo do vídeo foi explicar na prática como utilizar o display grid, ensinando seus atributos e a forma como ele funciona.... não pensei em explicar para quais cenários ele pode ser usado, vou cuidar para os próximos :)
muito bom
Bom video
eu to travado tem dias tentando fazer um negocio assim mas parece impossivel, sempre usei flex box mas nem flex nem grid nem reza permite
/---------------------------/---------------/
/ / 30%/30% /
/ 70%/70% /---------------/
/-----------------------/ /
/ 70%/30% / 30%/70% /
/---------------------/---------------/