- Reconstruir a página inicial de login do Instagram como avaliação parcial do Bootcamp HTML Web Developer, da Digital Innovation one
- Rebuild the sign in page of Instagram as part of the assessment of the Digital Innovation One HTNL Web Developer Bootcamp
- A imagem de perfil que escolhi era maior do que a que a professora usou em seu exemplo. Por isso, não havia compreendido de primeira por que as divs estavam tão juntas enquanto o exemplo que a professora mostrou havia espaço entre elas. Foi aí que a ficha caiu: fiz um teste redimensionando a imagem e o espaçamento surgiu.
The profile picture I chose was larger than the one the teacher used in her own example project. For that reason, I hadn't realised at first why the divs were so close together while on the teachers page they had space between them. Then I tested a resizing of the pic and confirmed my suspicion, as the spaces were there.
- O servidor local identifica as imagens cujo endereço inicia com uma </> no html, como em "/img/instagram-celular.png". Entretanto, a página gerada pelo GitHub (github.io), servidor remoto, não localiza a imagem dessa forma. Assim, a imagem só aparecia quando eu testava localmente com o live server do VS Code, e não servidor remoto. Portanto, ao tirar os </> dos caminhos das imagems, funcionou tanto localmente quanto remotamente.
The local server identifies the images whose address starts with a </>, as in "/img/instagram-celular.png". However, the page generated by GitHub (github.io), remote server, does not locate the image that way. Thus the images only appeared when I tested them locally through the Live Server on VS Code, but not through the remote server. In such manner, by removing the </> from the images pathways, I managed to make them work both locally and remotely.
- CSS
- HTML
Foto | Nome | GitHub | Likedin | |
---|---|---|---|---|
![]() |
Romulo Craveiro de Sousa Tartaruga | Romulo Craveiro | [email protected] |