Open-Source-Kashmir/osk

Bug: Avatar images overflowing container in Contributors page

Offen

#115 geöffnet am 25.10.2025

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (49 Forks)auto 404
hacktoberfesthacktoberfest-acceptedhacktoberfest2025

Repository-Metriken

Stars
 (8 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

🐛 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

Contributor Guide

Research-Richtung
Verwende die Browser Entwicklertools, um den Avatar Container zu inspizieren und die CSS Eigenschaften (z.B. width, height, object fit, overflow) zu identifizieren, die das Überlaufen verursachen. Prüfe, ob dem img Tag 'max width: 100%' oder 'object fit: cover' fehlt.
Tech Stack
javascriptcss
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
1
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80