Squad-61 / ReCreio_WebSite

2 stars 3 forks source link

[BUG] Responsividade #13

Closed Frotas closed 2 years ago

Frotas commented 2 years ago

Descreva o Erro/Problema/Bug A responsividade das paginas Home, Feed, Leitura Assistida e Sobre estão fora de escala em dispositivos menores (Smartphone e Tablet).

Comportamento esperado Os components deveriam se adaptar ao tamanho do aparelho.

Screenshots

Smartphone (Por favor, complete a seguinte informação):

Device: Sansung J410G
OS: Android 8.1.0
Browser: Google Chrome
Version: 103.0.5060.129

Frotas commented 2 years ago

Andamento da correção da responsividade das paginas:

[x] Home Page
[x] About Page
[x] Feed Page
[x] Watched Learning Page

Andamento da correção dos links:

[x] Feed Page
[x] About Page
[x] ...

Frotas commented 2 years ago

Relatório

As paginas estão responsivas de acordo com o padrão de estilização do Mobile First , além da responsividade corrigida, fiz um sistema de palheta de cores através de variáveis CSS, troquei as cores para tons pasteis, para deixar mais atrativo ao publico alvo. Fiz remoções de TAG HTML que não são mais utilizadas. Agora só resta realizar as adaptações para Desktop.

Guimillen commented 2 years ago

Utilizando o website pelo meu telefone, não encontrei problema no enquadramento da tela.

Modelo: moto x4 OS : android 9 Browser: Google Chrome.