[Home Inicial] Frontend - Ajustar alinhamentos da Home em formato Desktop

[JohnnyKamigashima]

Fizemos a implementação da página e ficou boa, porém alguns elementos ficaram muito distantes e em alguns locais o espaço no centro da página ficou muito vazio.

Para resolver vamos criar um bloco/div central que ocupe 6/8 da largura da página em formato desktop e alinhar os elementos dentro dele.

O teste de visualização atual foi feito baseado em uma janela de 1920 x 1080 px. Seguir anotação da screenshot para referência (foram marcadas de forma rascunhada). O grid já está dividindo a tela em 8 colunas.

Critérios de aceitação

• [ ] Deve manter o o design original
• [ ] Deve ser responsivo (posicionamento relativo)
• [ ] Deixar uma margem superior no cabeçalho para que nenhum elemento dele esteja grudado no canto da página.
• [ ] Subir bloco verde Compartilhe sua experiência para não ficar espaço vazio muito grande
• [ ] Mover logo Techrate do rodapé para esquerda para manter uma margem balanceada em relação ao texto de copyright

[JohnnyKamigashima]

Acredito que está ok o que vocês acham @GabiStein1 , @rafatomaz , @julia-fbarreto ?

[julia-fbarreto]

@JohnnyKamigashima cheguei a comentar com o Luiz hoje no whatsapp, algumas dimensões do mobile a borda do texto "Em breve: Empresas em destaque" ficou um pouquinho cortado e o texto "Sobre nós" com o texto um pouco colado na margem alguns modelos e dimensões usados:

• Android Samsung Galaxy S20 (dimensão: 360x800):

• IOS iPhone 12 PRO (dimensão: 390x844):

• IOS iPhone 12 PRO MAX (dimensão: 428x926) - já nessa dimensão ficou perfeito!:

---

No tablet, algumas dimensões não apareceu as imagens na lateral conforme o protótipo, modelos e dimensões usados:

• Galaxy Tablet S7 (dimensão: 800x1280):

• iPad Mini (dimensão: 768x1024):

• iPad PRO 11 (dimensão: 834x1194) - já nessa dimensão ficou perfeito!:

[JohnnyKamigashima]

Faremos mais um estudo reduzindo a página desktop para um tamanho mais Laptop em outra issue.