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.