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
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!
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.
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
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
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)
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 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
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ê
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 💜
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 .💜
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 💜
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
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 💜
Você explica muito bem!! Tava quebrando minha cabeça com um projeto e agora sei como fazer.
Obrigadaaaaa
Parabéns pela didática. Uma aula pontual e precisa.
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.
Você é sensacional, obrigado por contribuir tanto com a comunidade
Obrigada!! Fico feliz em ajudar nossa comunidade 💜
Ó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
Ajudou de mais tava vendo no curso entendi nada, vendo seu vídeo esclareceu um monte de coisa, obrigado
Obrigado, Fernanda!!!
Sua explicação é super didática e simples :)
felca programdor vc me salvou muito papo reto te amo s2
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ê 💜
MUY CRANIO estou impressionado com o jeito q ela ensina MUY CRANIO
Aula muito massa. Didática incrível.
Macetou um módulo do meu curso em 25min na minha mente, só que melhor. Obrigado
Caraca esse video chegou na hora perfeita dos meus estudos, muito obrigado!! 👏🏽
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ê 💜
Muito bom! Fiquei esperando falar sobre a propriedade auto no lugar do tamanho. Mas vou testando pelo meu código, valeu.
te amo! comecei programação por conta de você
Muito bem moça! Simples e direto ao ponto.
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! 💜
Gostei demais do conteúdo. Show de bola !!
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 💜
Esse seu ótimo vídeo, salvou aqui! Muito obrigado, pequena! ♥ Fortaleza-CE ♥
Que bom que ajudou você, @xpeugames 💜
Ótima aula! Obrigado
Tô simplesmente zerando todos os vídeos. Obrigado por ajudar um Dev iniciante!
hhahaha fico feliz que os vídeos estão ajudando Estano 💜
Excelente didática😊. Parabéns👏
a melhor de todas.
Ótimo conteúdo, muito bem explicado.
Espero que tenha mais conteúdos assim
muito bom esplicação e muito boa parabens.
porrra mt foda, me acostumei com o display flex mas vou usar esse tambem
sua didática é ótima Fer, tamo junto 👊👊
Obrigadaa! Tamo junto 😊
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
Maravilhosa🎉❤ Obrigado pelo conteúdo. 😍😊
Aê fernanda, parabéns pelo conteúdo.
Melhor vídeo sobre css grid
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 :)
você é zika!!! uma sugestão, faz do flex box tambem seria otimo!
Obrigadaa! Sim, logo tem vídeo de flex box também 😊
Gostei Fernanda, esta até procurando outra coisa, mas gostei do vídeo.
amei muito obg 😍
Fantastico sua explicação e se vc ter curso seu manda o link.
Boa, ja deu ideia de praticar no portfolio!
Boa!! 💜
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?
boooa :) Você é 10 Fernanda, sucesso !!!
Muito obrigadaa, @hardpuppy25 💜
Successo pra você 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 😊
Hj é usado muito o grid? Estou estudando somente o flex e entendendo bem. Em proporção de uso o que seria mais usado?
Muito obrigado Felca
Bacana o Grid trabalha com duas dimensão colunas e linhas.
Muito bom fernanda
Excelente vídeo!!!
obrigado pela aula.
amei diva, ajudou
Que bom que ajudouuu Carol!
Top , ótimo conteúdo
Ficou top demais !! Faz também de Flexbox.
Obrigada Ronaldo!! Simm, logo terá vídeo de flexbox também :)
Ótimo vídeo Fe vc é demais e seu conteúdo é top
Obrigada Obita!! Que bom que gostou 💜
Excelente vídeo Fernanda !
Valeu Wallace! 💜
obrigado pelo conteudo, nota 10
Você é braba demais, obrigado
Será que existe alguma extensão que deixa o nome das funções/variáveis dentro de uma caixinha colorida, igual as cores
ajudou mt moça, obgd
Muito bomm!
me ajudou muitooooo VLW
💜
Arrasa!
perfeitaaaaa
Qual é esse tema que você usa no VS, Fernanda?
Eu uso o Emerald, versão Dark!
Ó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
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?
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
eu gostaria de ter auxilio online. Como eu faço???
Show
se tivesse uma cor no fundodo container, dava pra ver melhor a movimentação das caixinhas
Top D+
Você é f*da! Com o perdão da palavra
ahahaha muito obrigada!! 💜
IMPORTANTE
q video bom
Muito obrigadaa, @pereri8639 💜
Fico feliz que tenha gostado
Mano, vídeo bom demais. Mas tô até agora sem entender a lógica do que acontece no minuto 5:24 :(
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
tema pls
Fernanda, vamos levar um choque pra eu receber todos os seus conhecimentos ?
bom
Valeu!!
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% /
/---------------------/---------------/