Create home page

[AmodeusR]

Não sei se consegui ser fiel ao design do Figma em alguns aspectos, então se possível gostaria de um feedback rígido quanto a esse aspecto. Ademais, eu tive que adicionar novos estilos a diferentes componentes da home para poder dar os devidos espaçamentos pois estavam um em cima do outro.

Também não tinha certeza de como definir o tamanho máximo do container para o mobile, então eu fiz meio que um "olhômetro", deixando um max-width de 90%. Se isso for considerado não ideal, como eu deveria fazê-lo? Não consegui pensar de outra forma melhor até o momento.

Algumas observações gerais quanto ao resultado final:

• Os cards UI Components e Design Styles não ocupa todo o espaço da div pai no mobile
• A imagem do UI Components está quebrada
• Por eles terem um tamanho fixo eles quebram o site por volta dos 340px (largura)
• Os cards em Resources também quebram nesse tamanho por terem um tamanho mínimo de 340px
• Os cards de Last Updates estão sem imagens apropriadas
• O Header está na página home, apesar de que deveria estar no layout. Como já estava na página home, eu deixei aí

[DouglasBsales]

Comentário geral sobre os problemas:

( Os cards UI Components e Design Styles não ocupa todo o espaço da div pai no mobile )

Precisamos alterar a construção dos dois cards para se adaptar ao tamanho da tela no mobile

Em relação aos cards quebrarem em 340 pixels creio que nao exista uma tela que chegue nessas proporções para que venha realmente existir um problema real em relação a isso.

Os cards de Last Updates estão sem imagens apropriadas

Precisamos alterar a construção dos cards para que a imagem ocupe todo tamanho do card

O Component

veremos e mandaremos ele para o layout

[AmodeusR]

O Tonon falou comigo sobre cuidar dos dois grandes cards para o mobile, então vou fazer as mudanças necessárias para esses dois cards ficarem certinhos na versão mobile. As imagens também vou ver de atualizar para imagens PNG de fundo transparente ao menos temporariamente, até que se decida o que fazer quanto a usar ou não múltiplas imagens de acordo com o tema da página.

Obrigado pelo esclarecimento dos pontos levantados.

edit.: Só comentando algumas coisas que ainda virão nessa PR; percebi um certo grau de complexidade e redundância desnecessárias nos dois cards grandes, comentei com o Tonon sobre isso e vou fazer uma refatoração para simplificar e retirar redundâncias. Ele disse que eu poderia fazer nessa PR mesmo.

[AmodeusR]

Último commit fiz a resolução dos pontos levantados, porém ainda falta a imagem quebrada do Card UI Component e adaptar para a versão Tablet tanto esses cards como realinhar os cards da sessão Last Updates para ficar 2 colunas.