Open-Source-Kashmir/osk

Bug: Avatar images overflowing container in Contributors page

Aberta

#115 aberto em 25 de out. de 2025

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (1 responsável)JavaScript (49 forks)auto 404
hacktoberfesthacktoberfest-acceptedhacktoberfest2025

Métricas do repositório

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

Description

🐛 Bug Report: Contributor Avatar Overflow Issue

📋 Description

Contributor avatar images on the Contributors page are overflowing their container boundaries, causing broken card layouts and inconsistent visual presentation across the page.

🔍 Current Behavior

  • ❌ Avatar images render larger than their intended container
  • ❌ Images break out of card boundaries, disrupting layout integrity
  • ❌ Card layout appears broken and visually inconsistent
  • ❌ Circular avatar containers fail to properly constrain image dimensions

📸 Visual Evidence

✅ Expected Behavior

  • ✓ Avatars should be fully contained within designated circular containers
  • ✓ Cards should maintain consistent sizing and structured layout
  • ✓ No visual overflow or boundary violations
  • ✓ Uniform sizing across all contributor cards for visual harmony

Guia do colaborador

Direção de pesquisa
Use as ferramentas de desenvolvedor do navegador para inspecionar o contêiner do avatar e identificar quais propriedades CSS (por exemplo, width, height, object fit, overflow) estão causando o transbordamento. Verifique se falta 'max width: 100%' ou 'object fit: cover' na tag img.
Pilha de tecnologia
javascriptcss
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
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
CSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80