Frontend é a parte mais tranquila do desenvolvimento de software, é uma questão de prática, quanto maior a prática maior a naturalidade do desenvolvimento.
Finalmente entendi o uso da flex-box e parece bem simples de usar. Desafio: a borda é mais pequena porque esta foi associada a um elemento header, que por sua vez tem a largura do texto, ao contrário das outras bordas que estão associadas a contentores cujo a largura é igual à largura da tela.
O que essa menina tem de beleza tem de paciência para explicar detalhe por detalhe e passando o conhecimento com esse sorriso no rosto. Demonstra que gosta realmente do que faz. Parabéns pelo conteúdo!
Nossa! Estou fazendo um curso em que paguei 3 mil reais e eu não tava entendendo NADA por causa da forma de ensinar do professor. E você simplesmente ensina de uma forma incrível, já aprendi mais nesse vídeo do que em todos os módulos que já fiz até agora. Muito obrigado, continua fazendo mais conteúdo assim e de Java script por favor
Desafio: A borda que separa os conteúdos primário e secundário é menor porque o border-top foi colocado no e não na , com isso a borda acompanhará o tamanho do título apenas.
Eu só consegui fazer essa borda colocando um hr no HTML e definindo o tamanho dele no css. Se eu coloco dessa forma no vídeo, parece que a borda não respeita o tamanho do meu título.
Acho que entendi o que está acontecendo. Na classe .conteudo-secundario estou colocando (text-aling para centralizar) quando uso text-aling a linha pega de toda a tela na horizontal. Mas quando mudo para aling-items essa linha parece que se adapta ao tamanho do meu titulo. Deve ser isso.
Caso queiram colocar um efeito de escurecimento mais natural do HOVER do botão (para que ele não mude de cor imediatamente) Basta colocar: transition-duration: 0.4s; (Você pode escolher quanto tempo vai demorar para mudar de uma cor para a outra)
Meu pai.. não costumo comentar em vídeos. Mas o sentimento de gratidão foi tão grande que tive que deixar aqui meus agradecimentos pelo enorme compartilhamento de sabedoria. MUITO OBRIGADO ! Que Deus continue te abençoando.
o véio vlw mesmo... fiz muitas aulas de html e css que me deram muita base pra entender tudo o que vc fez... mas nada foi tão claro quanto ver vc fazer na prática, realmente esse seu trabalho foi motivador e inspirador, muito obrigado pela disposição de compartilhar seu conhecimento e sua simpatia, vlw gata... um beijo grande um forte abraço e continua ai que tá da hora.
Sou estudante de programação e sempre assisto aos seus vídeos em busca de motivação para estudar, ler livros, etc. Pois não é fácil estudar front-end."
Muito bom! Eu dou aula gratuita pra algumas pessoas que querem migrar de área e indiquei seu canal pra acompanhar e até cobro esses tutoriais como exercícios. Muito bom!
58:10, o display block além de transformar a imagem em um bloco, permite que você use o margin, padding etc. O "margin: 0 auto;" tá fazendo o seguinte: O primeiro valor representa o margin-top e margin-bottom, já o segundo valor representa o margin-right e margin-left. Sendo assim, com aquela linha de código, você tá dizendo que pra cima e pra baixo não vai haver mudanças na margem, mas pros lados vai ficar centralizado. Acho que expliquei de uma forma simples pra ajudar vcs, e pra ajudar a rafa que não soube explicar o pq, só lançou o famoso "confia" KAKAKAKAKAK PS: As configurações de margin e padding funcionam no sentido horário e começam no top. Então fica: margin-top -> margin-right -> margin-bottom -> margin-left. E a Rafa usou uma shorthand. Ao invés de fazer: "margin: 0 auto 0 auto" que significa zero no top, auto no right, 0 no bottom e auto no left, ela usou apenas 2 valores, que é mais prático kkkk
Mulher do céu, não tem nada nesse RUclips como você. Eu tô devorando os vídeos e triste porque queria que tivesse uma playlist de, pelo menos, 100 vídeos kkkkk Decidi que esse ano vou aprender e decidi por sua causa, consigo aprender DE FATO com seus videos❤️❤️❤️
O e o possui propriedades semelhantes a , nesse sentido tendem a ocupar a largura toda da dela. Por isso o border desses elementos ficaram na tela toda. Já o , o tamanho dele é definido pelo conteúdo dentro dele, assim, o border ficou apenas daquele tamanho, igual ao tamanho do conteúdo.
@@davidpreisigke6925 Oi, David! Tudo bem? Vou voltar a estudar, pois tive que dar uma paradinha porque fiz cirurgia na visão. Mas não vou desanimar. ;) S2
Você é incrível !! Comecei meu curso de TI faz 1 mês e já quero explorar tudo o que tem para ser explorado. Amei tudo na área de TI, quero cada vez ir mais a fundo de tudo. Eu estou um pouco perdido em questão dos códigos, mas de pouco em pouco, vou me aprofundando
Oi Rafaela, gosto dos seus conteúdos no RUclips. Estou a ser formado em programação mas só hoje tive a melhor e mais símplis explicação para aprender de uma vez por todas o Css. Parabéns e muito sucesso, continue apresentado os seu conteúdos com essa simplicidade que tens mostrado.
Tu pode usar um comando do VScode para envelopar textos em tags: 1. Marca o que tu quer envelopar 2. Aperta ctrl + shift + p (vai aparecer um espaço para vc digitar, ai vc digita Wrap with abbreviation) 3. Aperta enter 4. Digita a tag que você quer 5. Aperta enter
Seu conteúdo é muito foda. Tenho certeza que seus vídeos estão ajudando milhares de pessoas a ingressarem no universo do desenvolvimento web. Que a vida te traga só o que houver de melhor!
Rafa, trás mais tutoriais assim, por favoooor! Quando sobrar uma moedinha com ctz vou comprar um curso que vc é professora na Alura!!! Parabéns pelo trabalho, está muuuuuito bom!!! E rapaziada, se alguém souber de outro canal que trás projetos assim de forma didática e explicando tudo, me passei ai!
O motivo da linha ser menor em relação a outra é que na hora da estilização, ela foi feita em cima do titulo já as demais foi feita em cima do conteúdo pai (conteúdo que engloba todo o resto da estrutura). No resumo a linha se adaptou ao tamanho de cada um, o titulo é pequeno então seguiu o tamanho do titulo e como o conteúdo pai é o "todo" da pagina, a linha seguiu todo o espaçamento da página :)
Linda você arrasa, mds sério explicação simples e intuitiva, super admiro você e seu trabalho. tenho sonho de ser programador e estou em busca disso. Enfim parabéns!
Amando demais os seus vídeos! Estou voltando ao mercado de trabalho depois de 7 anos dedicados aos cuidados com minha única filha (aleluia, a minha menina já está mais independente e eu posso voltar a trabalha!!!!). Obrigada por dividir seus conhecimentos com a gente. Está ajudando muuuuito!!!
Estou fazendo um cursinho de HTML e CSS e confesso, até então, estava difícil de entrar na cabeça até assistir esse vídeo. Vc, em menos de 1 hora, me ensinou o conteúdo todo que tenho cursado até o momento. Obrigado menina, sucessão e parabéns pelo conteúdo..........
esse é meu medo de pagar um curso de qualquer lugar que for e nao desenvolver, eu achei que ela desse aula , pq com essa didativa ai eu viro profissional em pouco tempo rsrs
Comprei um curso na loucura mesmo,sinceramento eu conhecia voce antes eu tinha comprado. Parabéns.to fazendo o curso porque ja comprei mas eu pratico so com voce. Voce tem um dom de ensinar. Comprendi tudo.
Olá Rafa eu tô aprendendo HTML, CSS e futuramente javascript e me veio a mente criar um projeto inspirado no tier make que é um site de ranking de várias coisas. Eu não sei se só com HTML e o CSS é possível fazer esse projeto, mas eu gostaria de ver no seu canal acho que seria bacana. Mas isso é só uma dica. Ótimo conteúdo como sempre ;)
ela explicar muito bem que da pra intende.r e da pra ver que nao e um bixo de 7 cabeças pra aprender. ela explicar de uma maneira muito facil. que da pra intender acredito que se eu ficar treinado quase todos os dias eu ja pego as habilidades. muito obrigado rafa por compartilha esse conteudo pra nos aqui de graça voce e incrivel tem novo escrito
Muito obrigado Rafa! Primeiro vi sua aula completa. Depois vi de novo, mas fazendo o código. Consegui fazer a página igualzinha. Nunca tinha mexido com HTML nem CSS, e com sua aula consegui desenvolver minha primeira página (na realidade sua página hehehe...). Muitíssimo obrigado pelas aulas, estou adorando seu conteúdo!! Siga em frente!!
Desafio: O border-top está mas curto, porque está associado ao h3 acompanhando do o tamanho do titúlo, diferente dos demais que estão acompanhando a largura da viweport... parábens Rafa seus conteúdos são sempre muito didáticos.
Meu Deus Rafaaaa!! Você é maravilhosa e necessária no mundo dos aprendizes de programação!😲 Mulher , que didativa maravilhosa! Eu tava batendo cabeça em CSS e você transformou a sombra em luz em apenas 1 vídeo! Muito obrigada por dividir seu conhecimento com o mundo!!🤗
Gosto da forma que ela ensina, ela explica cada detalhe, cada tag, explica tudo direitin, se eu não soubesse nada de html e css com certeza iria aprender tudo nesse vídeo
Minha visão clareou demais com messe vídeo!! Rafa, você explica e ensina bem demaaaais, inclusive da pra sair quase um expert em Flex Box após esse vídeo!!! Parabéns pela didática e amor pelo seu trabalho
Rafa, antes de tudo eu estou amando muito estudar pelos seus videos, realmente são muito bons e super simples. Meu que lindo essa lading page caracassssss to in love, Rafaaaa, muitíssimo obrigaadaaaaa vc é incrível querida, continue sempre pq precisamos de vc.
Obrigado, Rafaela por compartilhar seus conhecimentos. aprendi mais aqui do que no curso de html. to querendo fazer uma loja virtual e vou fazer os seus tutoriais pra ver se consigo. srsrsr montar do zero! Valeu!
Aula excelente. Comecei a estudar programação web a pouco e com o auxílio do vídeo consegui construir a landing page. O algoritmo foi bem oportuno também, pois estava pensando justamente em aprender a montar landing pages.
Eu tava procrastinando horrores porque estava muito difícil de entender os conceitos básicos e com esse video maravilhoso eu voltei aos estudos. Agradeço de coração por esse vídeo. Aliás, sua didática é foda.
Caramba estou me sentindo um dinossauro, aprendi HTML em 2002, front page e bloco de notas era tudo na unha, entendi todo tutorial, mas vi o tanto que estou desatualizado. A moça é muito fera, parabéns.
Nossa Rafa, parabéns. Sua didática é ótima, eu também faço html e css na Alura, mas entendi melhor só nesse vídeo com você do que aprendi em quase 1 ano lá. Eu já tava pensando em desistir, mas agora acho que vou continuar. Obrigado.
Quando tinha 13 anos comecei um curso de programação/design voltado para jogos, naquela época eu não conseguia entender absolutamente nada desses códigos e descartei completamente como profissão, mas vendo seu vídeo hoje, com 24 anos, não poderia desejar mais ter tido alguém como você como professora. Estaria numa realidade profissional muito diferente, pois sempre gostei da área de tecnologia, mas a programação já começou sendo meu calcanhar de Aquiles. Enfim, hoje estou correndo atrás do tempo perdido e aprendendo aos poucos. Obrigado, seu conteúdo faz muita diferença!!
Sensacional, nunca consegui me engajar no aprendizado de html e css, mas a abordagem direta sem lero lero é simplesmente a melhor que eu já encontrei, melhor até que de cursos pagos que tenho. Meus parabéns Rafaella, pelo conteúdo de qualidade!
Estava eu toda perdida no flex-box e caio de paraquedas nessa aula maravilhosa... Pena que não da para curtir mais vezes, que didática! e com musiquinha de fundo ainda. Ameii!!
CAraca mulher, vc leva muito jeito pra coisa. Olha, ja estudei pela udemy, ja vi pelo w3school, ja vi outros videos no youtube, mas vc superou a todos. Parabens pelo talento.
Meu Deus! Que auulaaaa!! Não sabia q precisava tanto assistir esse vídeo até ter assistido. Parabéns pela didática incrível, Rafa! Continue esse ótimo trabalho, por favor!
Muito obrigado por essa aula, Rafa! Eu entendi perfeitamente o conceito do flexbox, já havia assistido várias aulas em outros lugares mas não entendia, esse vídeo me ajudou a fixar o conteúdo. Obrigado :D
Menina, tu usou tanto flex-box que me fez entender esse troço que me fez arrancar os cabelos kkkkk além de deixar um guia pratico maravilhosooo!!! parabéns!!!
Sem palavras pra você rafa, estou fazendo um curso aqui e estava cheio de duvidas que não consegui sanar com o curso, vendo este video a maior parte delas ja foi resolvida.
agr falando serio, um dos melhores vídeos que já vi, até pq comecei a pouco tempo e to brincando de fazer códigos, até pq eu sei as vezes o que eu to digitando, ent faço como Akita falou, vou me jogar nesse mundo e explorar o máximo possível, até pq n tem como cair e se machucar no mundo dos códigos, esse vídeo me fez entender tudo msm sendo leigo no assunto. Muito bommmmm!!!!
A linha que é menor no conteúdo secundário , ela ficou menor por que você colocou o border-top dentro da classe onde estava o H3, por isso ela pegou somente o tamanho do que havia sido escrito dentro do H3, detalhe estou iniciando em HTML/CSS, e aprendi bastante com seu vídeo parabéns pela didática!
Eu volto nesse video sempre pois estou começando HTML e CSS e ele é recheado de ótimas dicas e sua didática é incrivel ele marcou meu ponto de partida vlw!
Ahhh que PERFEIÇÃO ! Estou aprendendo Html e Css e eu simplesmente amo tutoriais desse jeito. Projeto ficou lindo Rafa, como sempre arransando em tudo o que se propõe a fazer. Amei a recomendação do Guia do Flexbox, eu estava batendo a cabeça na parede pq não entendia NADA. Mas com o guia a minha mente fez 🤯
Eu antes de começar a faculdade mês que vem já aprendi tanto com essa menina, queria mt que ela fosse professora, daria volta ao mundo pra ter aula com ela ❤️
Minha especialidade msm é o backend, mas hoje to aprendendo React e minha maior dificuldade sempre foi estilizar em css, esse vídeo caiu como uma luva. Obrigado kk
Rafa, vc é perfeita! Fez eu finalmente sair da programação estrutura e orientada, para finalmente perder o bloqueio mental que tinha nas linguagens de marcação. Extra: os dicionários de HTML, CSS ajudaram muito!!
Não tinha visto um vídeo que me fizesse achar HTML e CSS tão simples , obrigado pela iniciativa e já vi outros vídeos que estão me ajudando muito. Parabéns!!!!
Rafa, você é demais, gratidão, você não tem ideia do tempo que eu estou procurando uma aula dessas, prática, direta ao assunto e o mais importante o modo como explica é simplesmente sensacional parabéns pelo seu trabalho, muito obrigado e tenha bastante sucesso abs.
A borda do conteúdo principal ficou curta por que ficou dentro de uma coluna no flex-direction. Achei muito boa a dica do css tricks... vai ajudar muito. Obrigado.
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
Ela faz parecer que front end é super fácil kkkk, trás mais mini projetos que ajuda muito quem tá aprendendo.
Mas é, tendo uma boa noção de Design e concentração na hora de escrever é algo bem simples, depois que aprende nunca mais esquece.
Frontend é a parte mais tranquila do desenvolvimento de software, é uma questão de prática, quanto maior a prática maior a naturalidade do desenvolvimento.
@@ygortorresgaleno9654 fico feliz em ver isso, pq CSS3 mesmo sendo daora me assusta muitokkkkkkkkkk
@@grupotocabr e facil ate vc começar com o reactJs
mas é, complicado mesmo e back end, front end e izi
Tenho 53 anos, e depois que comecei a ver os vídeos da Rafaella decidi que vou aprender HTML e CSS. Muito legal esse conteúdo.
Html css e js
Rafa, você não é CSS, mas é puro estilo 😎
KKKKKKKKKKKKKK
kkkkkkkkkk essa foi boa!!!!!!!
Kkkkkkkkk boa
KKKKKKKKK
😂😂😂😂😂
Finalmente entendi o uso da flex-box e parece bem simples de usar.
Desafio: a borda é mais pequena porque esta foi associada a um elemento header, que por sua vez tem a largura do texto, ao contrário das outras bordas que estão associadas a contentores cujo a largura é igual à largura da tela.
AEEEEEEE!!!! 🤩
Um monstro da CSS 👏👏👏
ou pra treinar o flex tem um joguinho flex froggy
@@joaocosta1228 ESSE JOGO É MARAVILHOSO. E flexbox além de ser muito útil me ajudou a entender melhor a relacao entre containers e filhos.
@@joaocosta1228 vlw pela dica mano ajudou muito kkk
Nem no curso que eu fiz na Alura eu entendi tão bem o flex-box.
Parabéns Rafa, sua didática é muito boa!!!
Vale apena mano fazer o curso da Alura?
CLARO
@@liciooliveiraramos5834
O que essa menina tem de beleza tem de paciência para explicar detalhe por detalhe e passando o conhecimento com esse sorriso no rosto. Demonstra que gosta realmente do que faz. Parabéns pelo conteúdo!
Nossa! Estou fazendo um curso em que paguei 3 mil reais e eu não tava entendendo NADA por causa da forma de ensinar do professor. E você simplesmente ensina de uma forma incrível, já aprendi mais nesse vídeo do que em todos os módulos que já fiz até agora. Muito obrigado, continua fazendo mais conteúdo assim e de Java script por favor
Desafio: A borda que separa os conteúdos primário e secundário é menor porque o border-top foi colocado no e não na , com isso a borda acompanhará o tamanho do título apenas.
Muito Bom 😄
certinho amigo
Ai sim
Eu só consegui fazer essa borda colocando um hr no HTML e definindo o tamanho dele no css.
Se eu coloco dessa forma no vídeo, parece que a borda não respeita o tamanho do meu título.
Acho que entendi o que está acontecendo.
Na classe .conteudo-secundario estou colocando (text-aling para centralizar) quando uso text-aling a linha pega de toda a tela na horizontal.
Mas quando mudo para aling-items essa linha parece que se adapta ao tamanho do meu titulo.
Deve ser isso.
Caso queiram colocar um efeito de escurecimento mais natural do HOVER do botão (para que ele não mude de cor imediatamente)
Basta colocar: transition-duration: 0.4s; (Você pode escolher quanto tempo vai demorar para mudar de uma cor para a outra)
Boaaaa
valeu... testei aqui deu certo. to começando agora kkkkk
A Rafaella deveria receber um prêmio nobel, pois a aula dela SALVOU minha semana de estudos e trouxe PAZ pra minha vida acadêmica. Forte abraço!
Eu aí kkkk, preciso enviar o trabalho nesse sábado
Mano, apenas faça mais desses pfv, é um aprendizado sem tamanho ver como vc faz a organização do das tags e do css, muito obrigado mesmo!
Meu pai.. não costumo comentar em vídeos. Mas o sentimento de gratidão foi tão grande que tive que deixar aqui meus agradecimentos pelo enorme compartilhamento de sabedoria. MUITO OBRIGADO ! Que Deus continue te abençoando.
o véio vlw mesmo... fiz muitas aulas de html e css que me deram muita base pra entender tudo o que vc fez... mas nada foi tão claro quanto ver vc fazer na prática, realmente esse seu trabalho foi motivador e inspirador, muito obrigado pela disposição de compartilhar seu conhecimento e sua simpatia, vlw gata... um beijo grande um forte abraço e continua ai que tá da hora.
Sou estudante de programação e sempre assisto aos seus vídeos em busca de motivação para estudar, ler livros, etc. Pois não é fácil estudar front-end."
Muito bom!
Eu dou aula gratuita pra algumas pessoas que querem migrar de área e indiquei seu canal pra acompanhar e até cobro esses tutoriais como exercícios. Muito bom!
58:10, o display block além de transformar a imagem em um bloco, permite que você use o margin, padding etc. O "margin: 0 auto;" tá fazendo o seguinte: O primeiro valor representa o margin-top e margin-bottom, já o segundo valor representa o margin-right e margin-left. Sendo assim, com aquela linha de código, você tá dizendo que pra cima e pra baixo não vai haver mudanças na margem, mas pros lados vai ficar centralizado. Acho que expliquei de uma forma simples pra ajudar vcs, e pra ajudar a rafa que não soube explicar o pq, só lançou o famoso "confia" KAKAKAKAKAK
PS: As configurações de margin e padding funcionam no sentido horário e começam no top. Então fica: margin-top -> margin-right -> margin-bottom -> margin-left. E a Rafa usou uma shorthand. Ao invés de fazer: "margin: 0 auto 0 auto" que significa zero no top, auto no right, 0 no bottom e auto no left, ela usou apenas 2 valores, que é mais prático kkkk
Aaaaaaaaaa ❤️ obrigada pelo conteúdo em forma de comentário Guilherme! Hahahaha com certeza vai ajudar a galera que quer entender mais
vcs são brabos
fala irmao, estava testando isso, e tentei com uma imagem, audio e deu boa, mas nao consegui fazer com outras tags, tipo h1, p e outras, sabe o pq?
Fiz o formulário essa semana, e já tem o outro vídeo. Que legal! Um presente 🎁
Bora pro ultimo projetinho do ano Silvio!!!
Que diferença quando alguém explica o que está digitando!! Parabéns!!!
Mulher do céu, não tem nada nesse RUclips como você. Eu tô devorando os vídeos e triste porque queria que tivesse uma playlist de, pelo menos, 100 vídeos kkkkk
Decidi que esse ano vou aprender e decidi por sua causa, consigo aprender DE FATO com seus videos❤️❤️❤️
Que foda!
Só vai garotinha..
tem uma youtuber chamada gabriela pinheiro, tem poucos videos mas sao bons também
O e o possui propriedades semelhantes a , nesse sentido tendem a ocupar a largura toda da dela. Por isso o border desses elementos ficaram na tela toda.
Já o , o tamanho dele é definido pelo conteúdo dentro dele, assim, o border ficou apenas daquele tamanho, igual ao tamanho do conteúdo.
Boto fé !!!acho que isso mesmo.
Que aula incrível!
Sou iniciante em Dev. e seu vídeo está me ajudando.
Esse flex facilita muito...
Sucesso pra ti s2
olá camila cmo estão os estudos? alguma novidade? :)
@@davidpreisigke6925 Oi, David! Tudo bem?
Vou voltar a estudar, pois tive que dar uma paradinha porque fiz cirurgia na visão. Mas não vou desanimar. ;) S2
Você é incrível !! Comecei meu curso de TI faz 1 mês e já quero explorar tudo o que tem para ser explorado. Amei tudo na área de TI, quero cada vez ir mais a fundo de tudo. Eu estou um pouco perdido em questão dos códigos, mas de pouco em pouco, vou me aprofundando
Já preparada pra fazer essa landing page incrível, obrigada Rafa!
Oi Rafaela, gosto dos seus conteúdos no RUclips.
Estou a ser formado em programação mas só hoje tive a melhor e mais símplis explicação para aprender de uma vez por todas o Css.
Parabéns e muito sucesso, continue apresentado os seu conteúdos com essa simplicidade que tens mostrado.
Tu pode usar um comando do VScode para envelopar textos em tags:
1. Marca o que tu quer envelopar
2. Aperta ctrl + shift + p
(vai aparecer um espaço para vc digitar, ai vc digita Wrap with abbreviation)
3. Aperta enter
4. Digita a tag que você quer
5. Aperta enter
Q trampo, é mais fácil abrir a tag, selecionar o texto e recortar e copiar
ou fazer um atalho, coloquei alt + w para abrir o Wrap with abbreviation
Aprendi mais sobre programação com esse "simples" vídeo do que com 300 cursos, obrigado ser humano cujo vulgo é Rafaella
Seu conteúdo é muito foda. Tenho certeza que seus vídeos estão ajudando milhares de pessoas a ingressarem no universo do desenvolvimento web. Que a vida te traga só o que houver de melhor!
"Nao consigo explicar direito essa parte" foi muito sincera. Parabens!
Rafa, trás mais tutoriais assim, por favoooor! Quando sobrar uma moedinha com ctz vou comprar um curso que vc é professora na Alura!!! Parabéns pelo trabalho, está muuuuuito bom!!! E rapaziada, se alguém souber de outro canal que trás projetos assim de forma didática e explicando tudo, me passei ai!
O motivo da linha ser menor em relação a outra é que na hora da estilização, ela foi feita em cima do titulo já as demais foi feita em cima do conteúdo pai (conteúdo que engloba todo o resto da estrutura).
No resumo a linha se adaptou ao tamanho de cada um, o titulo é pequeno então seguiu o tamanho do titulo e como o conteúdo pai é o "todo" da pagina, a linha seguiu todo o espaçamento da página :)
Linda você arrasa, mds sério explicação simples e intuitiva, super admiro você e seu trabalho. tenho sonho de ser programador e estou em busca disso. Enfim parabéns!
Amando demais os seus vídeos! Estou voltando ao mercado de trabalho depois de 7 anos dedicados aos cuidados com minha única filha (aleluia, a minha menina já está mais independente e eu posso voltar a trabalha!!!!).
Obrigada por dividir seus conhecimentos com a gente. Está ajudando muuuuito!!!
Além da aula deixou os capítulos bem organizados
Estou fazendo um cursinho de HTML e CSS e confesso, até então, estava difícil de entrar na cabeça até assistir esse vídeo.
Vc, em menos de 1 hora, me ensinou o conteúdo todo que tenho cursado até o momento. Obrigado menina, sucessão e parabéns pelo conteúdo..........
esse é meu medo de pagar um curso de qualquer lugar que for e nao desenvolver, eu achei que ela desse aula , pq com essa didativa ai eu viro profissional em pouco tempo rsrs
Que aula incrível! Rafa você explica tão bem, não tem como não entender com você!
Obrigada ♥️
Comprei um curso na loucura mesmo,sinceramento eu conhecia voce antes eu tinha comprado.
Parabéns.to fazendo o curso porque ja comprei mas eu pratico so com voce.
Voce tem um dom de ensinar.
Comprendi tudo.
Olá Rafa eu tô aprendendo HTML, CSS e futuramente javascript e me veio a mente criar um projeto inspirado no tier make que é um site de ranking de várias coisas. Eu não sei se só com HTML e o CSS é possível fazer esse projeto, mas eu gostaria de ver no seu canal acho que seria bacana. Mas isso é só uma dica. Ótimo conteúdo como sempre ;)
Vc pode fazer sim, só que seria estático e não dinâmico por causa da falta do JavaScript
@@ilovemacross Verdade 👍
Rafa, eu n sei absolutamente nada de HTML e CSS e consegui entender o video todo. Vc é mt boa!!!
caralho, esse bizú do guia do flexbox salvou demais!
ela explicar muito bem que da pra intende.r e da pra ver que nao e um bixo de 7 cabeças pra aprender. ela explicar de uma maneira muito facil. que da pra intender acredito que se eu ficar treinado quase todos os dias eu ja pego as habilidades. muito obrigado rafa por compartilha esse conteudo pra nos aqui de graça voce e incrivel tem novo escrito
Guria! Adoraria ter aulas só contigo. Eu aprendi CSS em minutos! Muito bom. Sucesso!
Duas, cara! Só um 🤯🤯🤯 hahaha, muito bom!!
Muito obrigado Rafa! Primeiro vi sua aula completa. Depois vi de novo, mas fazendo o código. Consegui fazer a página igualzinha. Nunca tinha mexido com HTML nem CSS, e com sua aula consegui desenvolver minha primeira página (na realidade sua página hehehe...). Muitíssimo obrigado pelas aulas, estou adorando seu conteúdo!! Siga em frente!!
Incrível, Rafa! Muito grato por essa aula... Agradeço! Vai fazer projetinhos assim com JavaScript?
O que eu aprendi nesse vídeo em pouco tempo e 1000 vezes melhor que qualquer faculdade 🎉
Desafio: O border-top está mas curto, porque está associado ao h3 acompanhando do o tamanho do titúlo, diferente dos demais que estão acompanhando a largura da viweport... parábens Rafa seus conteúdos são sempre muito didáticos.
merece um beijo de lingua
Meu Deus Rafaaaa!! Você é maravilhosa e necessária no mundo dos aprendizes de programação!😲 Mulher , que didativa maravilhosa! Eu tava batendo cabeça em CSS e você transformou a sombra em luz em apenas 1 vídeo! Muito obrigada por dividir seu conhecimento com o mundo!!🤗
Rafa tem algum vídeo falando do Figma de como usar e fazer design? ☺️
Gosto da forma que ela ensina, ela explica cada detalhe, cada tag, explica tudo direitin, se eu não soubesse nada de html e css com certeza iria aprender tudo nesse vídeo
Parabéns, adoro o teu trabalho. Poderias fazer uma página web responsiva ?
Minha visão clareou demais com messe vídeo!! Rafa, você explica e ensina bem demaaaais, inclusive da pra sair quase um expert em Flex Box após esse vídeo!!! Parabéns pela didática e amor pelo seu trabalho
Desafio: a linha é menor porque você colocou o border-top dentro do elemento titulo então tá seguindo o tamanho dele
Rafa, antes de tudo eu estou amando muito estudar pelos seus videos, realmente são muito bons e super simples.
Meu que lindo essa lading page caracassssss to in love, Rafaaaa, muitíssimo obrigaadaaaaa vc é incrível querida, continue sempre pq precisamos de vc.
Um exercício legal também é pegar essa landing page que ela fez e tentar deixar ela responsiva
Tudo que eu queria era alguem usando Flex Box na prática e você trouxe! Tu merece o mundo!
Rafa parabéns pelos vídeos e pela didática!
Você pretende fazer algum vídeo focando em reponsividade e media query?
Thanks! ☺️
Mr bom abrir o vídeo n entender nada, ai estudar e entender tudo slc orgulho
Obrigado, Rafaela por compartilhar seus conhecimentos. aprendi mais aqui do que no curso de html. to querendo fazer uma loja virtual e vou fazer os seus tutoriais pra ver se consigo. srsrsr montar do zero! Valeu!
Rafa, 2 anos depois, obrigado pela aula salvou muitooo!
Aula excelente. Comecei a estudar programação web a pouco e com o auxílio do vídeo consegui construir a landing page. O algoritmo foi bem oportuno também, pois estava pensando justamente em aprender a montar landing pages.
Eu tava procrastinando horrores porque estava muito difícil de entender os conceitos básicos e com esse video maravilhoso eu voltei aos estudos. Agradeço de coração por esse vídeo. Aliás, sua didática é foda.
Caramba estou me sentindo um dinossauro, aprendi HTML em 2002, front page e bloco de notas era tudo na unha, entendi todo tutorial, mas vi o tanto que estou desatualizado. A moça é muito fera, parabéns.
Sempre tive um bloqueio enorme com html e css. Sua explicação dessa landing page, simplesmente deixou tudo muito simples. Parabéns.
Nunca tentei fazer uma página em HTML e CSS, o tutorial ajudou muitíssimo!!!! Obrigado, Rafaella!
Nossa Rafa, parabéns. Sua didática é ótima, eu também faço html e css na Alura, mas entendi melhor só nesse vídeo com você do que aprendi em quase 1 ano lá. Eu já tava pensando em desistir, mas agora acho que vou continuar. Obrigado.
Eu tava procurando um vídeo de "código comentado", nesse estilo, maior tempão... Muito obrigado por postar!!
Conseguiu encontrar mais algum além desse? tbm tava procurando
@@WillianSilva-td6fv Pior que não
Obrigada por essa aula Rafa, aprendi muito com esse vídeo, principalmente sobre flex box. A forma como vc ensina faz tudo parecer mais fácil!!
Se eu tivesse visto esse vídeo há 3 semanas atrás, não tinha sofrido tanto pra aprender HTML + css... Parabéns!!!
Quando tinha 13 anos comecei um curso de programação/design voltado para jogos, naquela época eu não conseguia entender absolutamente nada desses códigos e descartei completamente como profissão, mas vendo seu vídeo hoje, com 24 anos, não poderia desejar mais ter tido alguém como você como professora. Estaria numa realidade profissional muito diferente, pois sempre gostei da área de tecnologia, mas a programação já começou sendo meu calcanhar de Aquiles. Enfim, hoje estou correndo atrás do tempo perdido e aprendendo aos poucos. Obrigado, seu conteúdo faz muita diferença!!
eu fazendo o curso achando q aprendi tudo, eu vendo vc explicar tudo q ja pensava ter aprendido e entendendo muito mais
Eu comecei no frontend a uns 6 meses e tudo oq eu ainda não tinha entendido sobre html e css eu entendi agora, didática incrível!
Que aula top!! Maioria dos canais só saem codando.. você ensina cada parâmetro, que era esse meu intuito.. aprender o que significa cada coisa!!!
Sensacional, nunca consegui me engajar no aprendizado de html e css, mas a abordagem direta sem lero lero é simplesmente a melhor que eu já encontrei, melhor até que de cursos pagos que tenho. Meus parabéns Rafaella, pelo conteúdo de qualidade!
Estava eu toda perdida no flex-box e caio de paraquedas nessa aula maravilhosa... Pena que não da para curtir mais vezes, que didática! e com musiquinha de fundo ainda. Ameii!!
CAraca mulher, vc leva muito jeito pra coisa. Olha, ja estudei pela udemy, ja vi pelo w3school, ja vi outros videos no youtube, mas vc superou a todos. Parabens pelo talento.
Meu Deus! Que auulaaaa!! Não sabia q precisava tanto assistir esse vídeo até ter assistido. Parabéns pela didática incrível, Rafa! Continue esse ótimo trabalho, por favor!
Muito obrigado por essa aula, Rafa! Eu entendi perfeitamente o conceito do flexbox, já havia assistido várias aulas em outros lugares mas não entendia, esse vídeo me ajudou a fixar o conteúdo. Obrigado :D
Menina, tu usou tanto flex-box que me fez entender esse troço que me fez arrancar os cabelos kkkkk além de deixar um guia pratico maravilhosooo!!! parabéns!!!
Clareou tudo. Eu aprendi cada tag, mas até o momento não sabia de fato usa-las, mas dps desse videou abriu minha mente. Obrigado!!!
Rafa, se estou aprendendo ou começando a entender esse mundo de internet graças a vc
Assisti muitas aulas e essa foi a mais simples e objetiva de todas, parabéns pelo conteúdo e dedicação nos vídeos.
A melhor hora investida em estudos que tive, absurdo o conteudo.
Sem palavras pra você rafa, estou fazendo um curso aqui e estava cheio de duvidas que não consegui sanar com o curso, vendo este video a maior parte delas ja foi resolvida.
Tô 2 dias direto vendo vídeos pra tentar aprender isso e só consegui aprender com vc, explica bem demais
Meu Deus, apanhei tanto para entender flex-box (e não tinha entendido ainda), até que vi este vídeo! Muito obrigado! :)
Estou iniciando estudos pra migrar de carreira (Designer para Programador).
Excelente aula e didática, gratidão por compartilhar seu conhecimento.
agr falando serio, um dos melhores vídeos que já vi, até pq comecei a pouco tempo e to brincando de fazer códigos, até pq eu sei as vezes o que eu to digitando, ent faço como Akita falou, vou me jogar nesse mundo e explorar o máximo possível, até pq n tem como cair e se machucar no mundo dos códigos, esse vídeo me fez entender tudo msm sendo leigo no assunto. Muito bommmmm!!!!
A linha que é menor no conteúdo secundário , ela ficou menor por que você colocou o border-top dentro da classe onde estava o H3, por isso ela pegou somente o tamanho do que havia sido escrito dentro do H3, detalhe estou iniciando em HTML/CSS, e aprendi bastante com seu vídeo parabéns pela didática!
Eu volto nesse video sempre pois estou começando HTML e CSS e ele é recheado de ótimas dicas e sua didática é incrivel ele marcou meu ponto de partida vlw!
Serio, depois dessa aula, o pai ta expert em HTML. Tu é doido, que didática.
Ahhh que PERFEIÇÃO !
Estou aprendendo Html e Css e eu simplesmente amo tutoriais desse jeito.
Projeto ficou lindo Rafa, como sempre arransando em tudo o que se propõe a fazer.
Amei a recomendação do Guia do Flexbox, eu estava batendo a cabeça na parede pq não entendia NADA. Mas com o guia a minha mente fez 🤯
O único vídeo longo q eu consegui me concentrar 100%, eu nem vi essas 1 hora passar.
Eu antes de começar a faculdade mês que vem já aprendi tanto com essa menina, queria mt que ela fosse professora, daria volta ao mundo pra ter aula com ela ❤️
além de uma mulher muito linda simpática ensina muito bem conheci agora esse canal e estou adorando Rafaella vc e incrível canal toppppp
Minha especialidade msm é o backend, mas hoje to aprendendo React e minha maior dificuldade sempre foi estilizar em css, esse vídeo caiu como uma luva. Obrigado kk
Melhor aula de flex box até agora kkkk e nem era esse o motivo do vídeo, obrigado!!!
Rafa, vc é perfeita! Fez eu finalmente sair da programação estrutura e orientada, para finalmente perder o bloqueio mental que tinha nas linguagens de marcação.
Extra: os dicionários de HTML, CSS ajudaram muito!!
Não tinha visto um vídeo que me fizesse achar HTML e CSS tão simples , obrigado pela iniciativa e já vi outros vídeos que estão me ajudando muito. Parabéns!!!!
Rafa, você é demais, gratidão, você não tem ideia do tempo que eu estou procurando uma aula dessas, prática, direta ao assunto e o mais importante o modo como explica é simplesmente sensacional parabéns pelo seu trabalho, muito obrigado e tenha bastante sucesso abs.
Tenho 16 anos e planejo seguir carreira em programação ,seu canal é muito interessante e com certeza vou acompanhar para aprender novos conteúdos.
A borda do conteúdo principal ficou curta por que ficou dentro de uma coluna no flex-direction. Achei muito boa a dica do css tricks... vai ajudar muito. Obrigado.