# 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
  <ul>
    <li>
      <h3>Responsividade</h3>
      <p>
        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. 
      </p>
    </li>
    <li>
      <h3>Estrutura de pastas</h3>
      <p>
       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. 
      </p>
      <p>
       As imagens e icones, estão em pastas diferentes.
      </p>
      <p>
       O projeto foi feito no conceito do mobile first, onde desenvolvi toda parte mobile primeiro, e depois fui adaptando para telas maiores. 
      </p>
      <p>
       Os Breaking points estão estão em outro arquivo css, para questão de otimização e organização do código.
      </p>
    </li>
  </ul>