Open-Source-Kashmir/osk

Bug: Avatar images overflowing container in Contributors page

Aperta

#115 aperta il 25 ott 2025

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (1 assegnatario)JavaScript (49 fork)auto 404
hacktoberfesthacktoberfest-acceptedhacktoberfest2025

Metriche repository

Star
 (8 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

🐛 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

Guida contributor

Direzione di ricerca
Usa gli strumenti di sviluppo del browser per ispezionare il contenitore dell'avatar e identificare quali proprietà CSS (es. width, height, object fit, overflow) causano l'overflow. Controlla se manca 'max width: 100%' o 'object fit: cover' sul tag img.
Tech stack
javascriptcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80