JOAOVITOR_LIBERATO/challenge-landing-page
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Desafio M3 Academy.
11 Commits 1 Branch 0 Tags 41 MiB
HTML 50.7%
CSS 49.3%
main
Go to file
João Vitor Liberato 219f792c55 Finalinzado o projeto. Desafio - M3 Academy.
2022-10-13 00:41:21 -03:00
assets Finalinzado o projeto. Desafio - M3 Academy. 2022-10-13 00:41:21 -03:00
index.html Finalinzado o projeto. Desafio - M3 Academy. 2022-10-13 00:41:21 -03:00
README.md Finalinzado o projeto. Desafio - M3 Academy. 2022-10-13 00:41:21 -03:00

README.md

challenge-landing-page

Para clonar o projeto

git clone https://gitea.ecommercetools.com.br/JOAOVITOR_LIBERATO/challenge-landing-page.git

Para rodar o projeto

Aconcelho utilizar o lite server, por ser mais otimizado. Mas caso estiver não gostar muito pode instalar a extenssão do live serve.

Instalação do lite server

  npx lite-server

Alguns pontos importantes

  • Responsividade

    Conseguir fazer que ela se adaptar a diversos tamanhos, porém o menor tamanho que eu conseguir foi 300px, de 0 até 299px o código começa a quebrar.

  • Estrutura de pastas

    Dividi ao máximo para que os arquivos não ficasse muitos extensos, por exemplo, Eu criei o header e o footer no globlal.css para poder reaproveitar caso ouvesse mais páginas e não ficar repitindo o mesmo códigos nos arquivos css posteriores.

    As imagens e icones, estão em pastas diferentes.

    O projeto foi feito no conceito do mobile first, onde desenvolvi toda parte mobile primeiro, e depois fui adaptando para telas maiores.

    Os Breaking points estão estão em outro arquivo css, para questão de otimização e organização do código.