Como fazer uma Navbar com HTML5 e CSS3 | GabiCode

[@geografomurilogoes]

Parabéns Gabi, pelo vídeo! Ajudou muito no planejamento do meu futuro site ! Sucesso em sua vida!

[@umagarotanadaqualquer]

queria te agradecer,estou fazendo o projeto integrador da minha faculdade,e tava batendo com o css!graças a você, eu consegui fazer!

[@luisjunior5824]

Valeu, gabi, refiz umas 2 vezes por dia por uma semana e hj já tô conseguindo fazer essa navbar sem olhar o vídeo

[@anaflavia-yg2pi]

oii luis, fazendo dessa forma vc acha que aprende com maior facilidade?

[@luisjunior5824]

@@anaflavia-yg2pi sim, tudo questão de prática, repetição... Você vai pegando o jeito ao ponto de refazer coisas sem nem precisar assistir os vídeos, mas tudo leva tempo

[@anaflavia-yg2pi]

@@luisjunior5824 vou procurar testar dessa forma, quero vê se tenho um rendimento melhor obrigada pela dica luis 😁

[@FelipeVenas-r7g]

Estava com dúvidas faz 1 semana em relação a como fazer uma navbar, esse vídeo me salvou grandemente! Vídeo excelente :)

[@Leonard_mateus]

égua, tu arrazou tava ficando louco com o nav bar sobre a tag box-sizing, me salvaste, mais um inscrito!

[@kemueltkd]

Parabéns pelo vídeo, adorei, principalmente o click desse teclado, o som é bom demais ❤❤

[@GabiCode_]

Valeuu

[@MrFelipefsf]

Ae gabs, ótimo vídeo, uma navbar bem clean como deve ser 🤩

[@GabiCode_]

Valeuu

[@FlavioAlcantara10]

Obrigado Gabi, aula muito Boa e simples de entender.

[@GabiCode_]

Obrigada mano!

[@cstkrooz]

tava com uma certa dificuldade pra montar uma navbar top ! obrigado !

[@sr.belihovelli]

caranba gabi eu batendo cabeça aki pra fazer uma navBAR ai quando vou pesquisar primeiro video recomendado pelo yt vc fazendo navbar. q sorte kkkkk seus video sao otimos.😊😊😊😊😊😊😊😊😁😁

[@GabiCode_]

Que coincidência kkkkk, conseguiu fazer?

[@rafaelcardoso1363]

Caraca, que facilidade !!!! Parabéns !

[@GabiCode_]

Obrigada mano!

[@jeferson6575]

otimo video , aprendo muito com voçê vou codando junto e assistindo o video ! obrigado pelo video voçê ajudar muito

[@adeiltonsilva1800]

ótimo vídeo, boas explicações

[@rhaianalvarado2821]

Ganhou mais um inscrito sabe explicar bem

[@GabiCode_]

Valeu mano!

[@paulo_davisr5211]

nunca mais esqueço de como fazer uma navbar agora

[@GabiCode_]

Booaaa

[@iigorfalccao6414]

Seu vídeo é muito bom mais a música de fundo me fez dormir 😴kkk

[@Arthur-xv3ck]

valeu demais aí! doideira demais!

[@danchimeralandbrasil1970]

Oi gabi, adorei a aula. so uma dúvida o a maioria coloca dentro do não tem problema ficar de fora?

[@GabiCode_]

Depende do que pretende fazer, às vezes separamos por nav e main

[@HGSONG_S]

Faz vídeo de como criar botões solid com Links Abraço Gabi 🥰

[@kaal7793]

Faz vídeos fazendo projetos inteiros :)

[@GabiCode_]

Okay

[@cadeirantephb1722]

parabéns gabi dar continuidade à essa página! uma dúvida para onde levaria se clicar em login ou cadastre-se?

[@GabiCode_]

Para uma página de login, tem um vídeo no meu canal montando um

[@DaviSantos-wm5fe]

Caramba me ensina esses atalhos aí, muito prático.

[@pinguimsanchez301]

Estou só com dificuldade de como colocar icons

[@Gui-_-Arauj096]

O que vc estuda? Ou é formada em que?

[@pedroaraujo9632]

Muito bom, você fez algum curso gratuito ? Se sim, qual ?

[@GabiCode_]

Faço no curso em vídeo

[@almeida8464]

pode me explicar por favor o "box-sizing: border-box"? eu nao entendi direito o que é

[@GabiCode_]

O navegador calcula as dimensões de um elemento de forma diferente, ele coloca as dimensões da borda e do preenchimento dentro da largura e altura que você especifica para o elemento, ou sejaa, se você definir uma largura ou altura para um elemento com "box-sizing: border-box", o navegador vai garanntor que a largura e a altura incluam as dimensões da borda e do preenchimento, e o conteúdo interno ficará confinado dentro desse espaço, e não vai ter um espaço além do necessário, entendeu?

[@carlosinsider726]

Meu font-weight não funciona completamente, só fica um pouco mais negrito a fonte :( o máximo fica bem fraco

[@GabiCode_]

Deve ser porque não importou a fonte certa

[@K4Z1NH0]

Gabi você me viciou na poppins

[@GabiCode_]

simmm, muito boaa

[@Fbrjable]

sua digitação tá fluida. ME AJUDA como tu fez isso?

[@GabiCode_]

Ajudo mas não entendi sua pergunta rsrs

[@leonardxxt4245]

Nice

[@GabiCode_]

Nice

[@Fbrjable]

garotah , me ensina isso pelo amor de Deus

[@vik237]

Faz esse navbar funcional, clickar nele e ir para determinada parte do site

[@GabiCode_]

É só usar a TAG com um href da página que quer que ele vá

[@vik237]

@@GabiCode_ obrigado por responder, sim pra ele ir é só colocar um id no elemento e depois ancorar, o problema é que o nav cobre o topo do elemento. Depois de muita procura achei scroll-padding-top:

[@MATHEUSVENICIUSCAZÉDEOLIVEIRA]

qual tema do vs vc usaaa?

[@GabiCode_]

Virancy 😁

[@guiboobypass]

como coloca esse efeito a escrever que é mais fluido?

[@GabiCode_]

Nao entendi sua pergunta ;(

[@cortesstudios9558]

como faço para deixar o meu vscode escrevendo assim tambem?

[@GabiCode_]

como assim? A fonte?

[@edbat-e6n]

volta

[@JustCamila_]

no minuto 2:20 oq é aquele * que ela faz?

[@GabiCode_]

Usando o * você consegue alterar todos os elementos da página no css

[@start257]

nao conseguir entrar no seu servidor do discord

[@GabiCode_]

discord.gg/Yw3n6729Yk

[@start257]

continua dando convite invalido@@GabiCode_

[@pessegodancante7130]

como deixo meu vscode igual o seu? todo fluido? bonitinho]

[@GabiCode_]

Eu uso um tema chamado Vibrancy :D

[@yamiplays2806]

@@GabiCode_ acho que o diferencial que ele pode estar falando é que você parece estar codando com o VS CODE em 144hz por causa da fluidez.

[@thiagonovaes7476]

Primeiro Like Primeiro Comentário

[@GabiCode_]

Isso aiii

[@eutago]

first

[@GabiCode_]

Boaa