Open-Source-Kashmir/osk

Bug: Avatar images overflowing container in Contributors page

Ouverte

#115 ouverte le 25 oct. 2025

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (1 personne assignée)JavaScript (49 forks)auto 404
hacktoberfesthacktoberfest-acceptedhacktoberfest2025

Métriques du dépôt

Stars
 (8 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

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

Guide contributeur

Direction de recherche
Utilisez les outils de développement du navigateur pour inspecter le conteneur de l'avatar et identifier les propriétés CSS (par exemple, width, height, object fit, overflow) qui provoquent le débordement. Vérifiez s'il manque 'max width: 100%' ou 'object fit: cover' sur la balise img.
Stack technique
javascriptcss
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80