rishyym0927/Affinity_frontend

Improve Mobile Responsiveness and Desktop View Scaling

Aberta

#4 aberto em 29 de set. de 2024

Ver no GitHubGuia do colaborador
 (14 comentários) (0 reação) (1 responsável)JavaScript (30 forks)auto 404
good first issuehacktoberfest

Métricas do repositório

Stars
 (13 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Description: The project requires improvements in its responsiveness across mobile devices and different desktop screen sizes. Specifically:

Mobile Responsiveness: Ensure that the layout, fonts, images, and elements adjust properly on various mobile devices (small to medium screen sizes).

Desktop Scaling: Optimize the view across different screen percentages (e.g., 75%, 90%, 100%) to ensure consistent user experience without layout breaking.

The goal is to achieve a seamless, user-friendly interface across all devices and screen resolutions. Please test the responsiveness thoroughly and ensure it works well with popular devices and screen sizes.

Guia do colaborador

Direção de pesquisa
Use media queries CSS para ajustar o layout para diferentes tamanhos de tela. Teste em dispositivos comuns usando as ferramentas de desenvolvedor do navegador.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSHTML
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65