e aí pessoal tudo bem sejam bem vindos a mais um vídeo dessa série hoje a gente vai querer ao futebol e cd se o website responsivo aqui tá então só lembrando que a gente já fez né pessoal a gente tem se a gente tem site responsável do lado direito aqui ele tem uma luzinha bonitinha aqui e tal a gente vai criar um fruta que fique grudado aqui é na parte de baixo tá se a gente entender os sites podem ver que o menu ele já ele já expandir a partir de um determinado tamanho né então
é um exemplo de um website responsivo que você pode utilizar como base se você vai fazer algo algo seu ou a ou qualquer coisa assim é pra quem já está inscrito no canal já sabe né gasto de dinheiro deixar e deixou lá que que é importante para os vídeos é deixe seus comentários tal e para quem não é inscrito no canal aproveita se inscreve e ativa as notificações até para quem é inscrita com as notificações ativadas de ativos notificações aí é bom a gente vai criar o futebol pessoal então o que a gente já viu
aqui ó de diminuir essa parte que é o seguinte a gente tem a gente já criou essa primeira parte está então a gente tem navegação a gente tem uma seção aqui e tal o que a gente vai fazer agora eu vou criar uma sessão diferente está então posso fazer um set no saque desculpa eu vou usar um agente colocar o h1 aqui a gente pode escrever aqui seu salvar pessoal ele coloca o futebol aqui logo abaixo tá bom não é isso que a gente quer é o na verdade é isso que eu planejei fazer então
como é que a gente vai fazer a gente precisa a a fazer a primeira coisa vou colocar o seguinte 1 classe nem que é chamado futebol tá pra gente poder criar um e se utilizar esse fundo teria dificuldade na parte de baixo o que acontece eu abrir aqui pessoal e tem esse app js tá se eu entrar na pt js a gente vai fazer criar uma um estilo para o nosso futebol então a gente vem aqui vou colocar como position absoluto está aí eu vou colocar aqui bottom 10 que o its dele witty 100% preocupa
tudo né que tirar esse ponto aqui é o que está atrapalhando aqui 100% a preocupar o tamanho total da tela né aí a outra coisa que eu vou fazer também eu posso acertar uma altura pra ele por exemplo então posso colocar rights e vou colocar não sei só 50 pixels vão colocar 50 peixes aqui depois a gente dá brincar e se precisar e aí encheu o seguinte eu posso só dizer que a gente salvando aquele já foi pro é ele já foi pro pro na parte de baixo é parte do futuro tal e aí se
quiser a gente pode acertar outros a outros outros valores a gente pode vir aqui por exemplo se a gente quiser ou no futuro a gente pode vir aqui e dizer que o bg dário e salvar ele aqui em baixo tá e aí também que a gente pode fazer o seguinte a gente pode colocar qualquer mesma acho que dá pra fazer tex light e dext light por exemplo tá mas o que é mais legal a gente colocar eu seguinte está a a gente pode colocar tex center se eu não me engano e aí centralizar e aqui
em baixo tá pessoal e aí o que eu quero mostrar pra vocês é o seguinte tá não tá legal esse futebol aqui é de um álbum né normalmente a gente tem no futebol atual é uma são normalmente as redes sociais etc e eu quero mostrar como é que a gente faz isso aqui pra você com vocês então aquilo fonte a fonte ao sun pessoal a gente pode vim aqui ó no site do fonte roçam vêm aqui buscar por exemplo puro facebook vou buscar o facebook olha só e aí eu tenho algumas aqui por exemplo o
facebook quércia e tal eu vou utilizar esse facebook quer é público nele e ó tem esse click to copo html se eu vier aqui clico volto no nosso futebol e salva aqui o seu olhar que o nosso a gente já tem um futebolzinho aqui do do facebook e aí a gente pode entrar várias gente pode ter um look clean por exemplo pessoal aí eu vou escolher se do link em aplicar que eu vou criar vários aqui pra gente a gente colocar a gente pode colocar google fãs eu acho que tem como google plus aqui também
olha lá pegar aqui clique aqui e posso colocar no instagram e aqui no instagram eu venho aqui copio e vou colocar o twitter no twitter tenho que bonitinho clico coop aqui tal nosso site bacaninha aqui e eu tenho vários e vários ícones aqui eles ainda não estão legais não é porque a gente tem que a gente tem que fazer por fazer mais um mas alguns estilos aqui pra gente poder acertar isso tá fazendo isso aqui eu vou fazer o seguinte eu vou criar um com copa há aqui não desculpa vou entrar aqui e vou fazer
um container na verdade e aqui eu vou colocar uma dívida ponto com quem é e aí aqui dentro eu vou eu vou colocar esses z colocar eles aqui dentro pra gente pra gente poder ajeitar los de uma forma mais concreta tá aqui dentro eu poderia colocar pede um top3 por exemplo o ele já vai centralizar e aí eu posso colocar justify neste fay [Música] não é space between é justify com um potente e aí com um monte de turim justify com um deveria funcionar contente eu vou colocar um lounge porque não quero ele inter mas
deixa eu só vi aqui é que na verdade diz olá pessoal tenho fazer o seguinte 1ª coisa a primeira coisa para a gente arrumar que esse container na verdade ele vai ficar aqui esse pt 3 também vai ficar aqui tá vocês podem ver que não muda nada e aí e aí eu seguinte se eu entrar aqui e tirar essa dívida quinha e colocar o disse fay contém terral eu cometi um com um errinho deveria colocar os itens ali dentro de si flex pronto pessoal o que acontece é o seguinte está é a seguinte a primeira
coisa tá o que estava errado aqui é o seguinte deixou entrar aqui vai ficar mais fácil de explicar salvar é o que acontece é o seguinte eu coloco um determinado item nesse caso o futuro vou dizer que é um container então tem que se transformar ele virão como tendo flor do dodô boots peep e aí eu uso de flex que o the flaw de flex o que ele vai fazer ele vai dizer sim eu quero que os itens esses se comporta em como se estivessem dentro de um container flex box então o que acontece aí
eu digo que eu quero que eles fiquem a eles tenham esse daisy e justo e eu quero que justificou com o teu conteúdo conteúdo que está aqui dentro com espaços em volta do nome de cada um desses itens aqui então transforma em flex box e aí justifica se tem se você não sabe do que eu estou falando aqui eu vou deixar marcado aqui o vídeo aqui em cima que eu fiz um vídeo de básico de flex boxe aí você vai entender o motivo disso mas é isso aí pessoal olha só então salvar que mais uma
vez né e aí olha só tá aqui o nosso um as nossas redes sociais né claro se você quiser pode colocar esse item como um link aqui dentro e tal é pacificar o aconteceu algo e aqui olha só resolver esse problema aqui vamos resolver esse problema aqui ó quando fica maior a até lá ele não está pegando 100% vamos resolver isso aqui pessoal olha só o que está acontecendo ele vem quando está pequeno ele funciona e quando aumenta não que a gente pode fazer pessoal a primeira coisa é o seguinte no final das contas aqui
ó esse carro aqui é esse cara aqui olha não precisa que eu vou resolver de uma forma um pouquinho mais inteligente ah eu venho aqui no app jotaesse é lembra que a gente fala de grid e tal é a do strep coisas assim ó se você não sabe do que estou falando vou deixar o link também aqui em cima você pode ver o vídeo também tá mas vou dizer sim col 12 eu quero que ocupe 12 colunas ele vai continuar ocupando aqui para todos os itens aqui tá bom pessoal é isso que ele vai fazer
e aí tem várias outras coisas que podem acontecer tá é primeiro se você não gostar dessa separação aqui dentro desses links pessoal tinha aqui ó só que quando a gente aumenta ele fica assim o que você falou que a gente poderia fazer é dizer assim a beleza como tem nem 12 eu poderia colocar esses outros dentro de um outro contêiner tá vamos fazer aqui colocar aqui com a la com quem lê ponto a ro 12 na verdade nós lá colocar com quem é e aí a gente marca todas as carinhas aqui e coloca aqui pra
cima como o cheiro de capa galetta linha do chá bonitinho e aí o que a gente poderia fazer o seguinte tá ele pode ver que colocando no container ele coloca tudo aqui só que é o que a gente pode fazer esses caras o de flex por exemplo tem que vim pra cá beleza e aí vai contente a aam aloud ele também vem aqui pra dentro tá beleza arrumamos mas ele continua se passara espaçando aqui aí que a gente pode falar no padrão quero que utilize 12 mas quando eu colocar cocô lg eu quero que ele
utilize a 6 por exemplo olha só quando eu coloco isso ele vem aqui ó aumenta ele vai diminuir o coisa poderia colocar da otan borro o espaçamento poderia colocar a partir do mdb ele já diminui então ele vem aqui ó pode ver que ele dá um pulo e diminui se eu quiser eu poderia dizer que fica por 4 a 1 ele fica - passado tá legal os em todos os os itens está se vocês quiserem pessoal deixar - a gente pode colocar oito aqui também ele fica - espaçado ou 6 por exemplo ele fica mais
pertinho e aí ó quando aumenta ele aumenta ali também se eu quiser a pasta é colocar dois aqui ó e aí ele vem aqui e ele fica com 2 aqui também bom era isso que eu queria mostrar pra vocês pessoal espero que vocês tenham gostado desse vídeo desses outros vídeos você não sabe o que eu falei é essa configuração do grid doha do do strep e da parte de flex box vou deixar esse setor essas duas playlists aqui no final do vídeo também pessoal espero que vocês tenham gostado deixa seu liquidez seu comentário compartilhar nas
redes sociais se não tiver inscrito se inscreve e ativas notificações valeu
