Esse é o repositório da nossa aula de Flexbox, na qual vamos fazer a interface de login do Instagram!
instagram-dio's Introduction
instagram-dio's People
Forkers
lawniet chmr1 wesley0402 miguel8000 andresonferreira miguelfreire-bit rafaelcastan arianefigueiredo murilogalindo joseantonio5 brunoamaraldev simao-lab contatoevertonoliveira josuesimaobarbosa rspds gkeidel johnbsouza marianadesouzaaguiar lilythx-zz rogeriospa paaulorickardo kirestein maiarasantana carold-lima atrzero35 rubi84 elmogladiador matpires02 schrsistemas andersonnascimentoafsn stephaniemouravb charlesmanica duza7090 helysaalencar tiagodevsantana bbcoelho hfranh jociell felpsmars malvesgouveia silveiraweb angeloharnisch welinton-martins gabifsh88 muskanmahajan37 juliabarbosa-dev mat20 rodrigo-sundfeld jeanfaria dehmoreira carlosjuniorx amaurypuerta femtosgh diegovarzim rmc1810 leonardojoao otamiran freitas1978 alemoleta maxtecnology markryk arcorreiaa marianagazaraki serginhobalski karineferreiradeoliveira kaus1000 zamariolajr laismleite rafaksilva gabrieldamiski kenar25 albinorafael gahbr talmirjuniordev adm-rodrigoribeiro thiago2436 mauriciomonti mbrassanini shinjiueda-sueda prioliiv d-sayajin gersonrs tancredomalta joana156 clarissebossler mauricioalsantos joabg carollbrunetto lincolnarrais tonypadawan thayano nakati sarasbarros junioaquino tarus622 caro-marks andersonsc7 thaylerv artnomic thaianealminstagram-dio's Issues
Primeira vitória - recriando tela do instagram
Olá Gabriela
recriei a primeira tela do INSTAGRAM... de uma olhadinha.rsrsrsr.. https://github.com/otavioaugust1/Recriando_Instagram.git
ah sim, minhas contribuição:
HTML
- coloquei em português //
- coloquei a meta de autor //
Flexbox problemas com a posição
Gabriela, segui o passo a passo da sua aula de reprodução da página inicial do Instagram mas tive problemas.
As colunas não ficaram centralizadas, ficaram um pouco mais para a esquerda e ficaram muito distantes entre si.
Para solucionar coloquei 20% de margem direita no .instagram-wrapper e -170px de margem esquerda no .instagram-contiue
Achei a solução feia, mas foi o que funcionou.
Você teria alguma orientação diferente para me passar para essa solução?
Obrigada!
Não consigo usar o GIT PUSH
Gabriela bom dia, segui todos os passos do seu curso, mas nao consigo push nos arquivos, da msg de erro.
$ git push origin master
fatal: 'origin' does not appear to be a git repository
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
Problemas com responsividade
Problema com a classe profile-photo
Na classe .profile-photo tive que adicionar um margin-bottom: 15px; para "descolar" o botão de "Continue como sprucegabriela" da foto do perfil... Vi e revi o vídeo e o código aqui do repositório e não achei nenhuma diferença, apenas essa.
.profile-photo { display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; margin-bottom: 15px; }
Imagens não são exibidas corretamente
Recriando a pagina inicial do Instagram
Adicionado uma "margin: 30px;" no .instagram-phone
Adicionado uma "margin-bottom: 15px;" no .profile-photo
Trabalho instagram
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.