🐛 What's broken?
On small screen devices, the social media icons inside the Team Member Card overflow outside the card container instead of wrapping or staying properly aligned. This affects the responsiveness and overall layout of the component.
📋 Steps to Reproduce
- Link EaseMotion CSS (specify version or CDN link used).
- Create a Team Member Card with multiple social media links.
- Open the page on a mobile device or reduce the browser width below 320px.
- Observe that the social icons overflow outside the card instead of remaining within the container.
✅ Expected Behavior
Social media icons should remain inside the card on all screen sizes. They should wrap gracefully or adjust their spacing to maintain a clean and responsive layout.
❌ Actual Behavior
On narrow screens, the social media icons extend beyond the card boundaries, causing layout overflow and reducing usability.
🔗 Reproduction
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easemotion-css/easemotion.css" />
</head>
<body>
<div class="team-card">
<div class="social-links">
<a href="#">GitHub</a>
<a href="#">LinkedIn</a>
<a href="#">Twitter</a>
<a href="#">Instagram</a>
<a href="#">Facebook</a>
</div>
</div>
</body>
</html>
🌍 Environment
| Field |
Value |
| EaseMotion CSS version |
Latest CDN |
| Browser |
Google Chrome 138 |
| OS |
Windows 11 |
📸 Screenshot (optional)
Resize the browser window below 320px to observe the social icons overflowing outside the card container.
Suggested Fix: Apply responsive styling (e.g., flex-wrap: wrap;, justify-content: center;, and appropriate gap) to the social links container so icons remain within the card on smaller screens.
🐛 What's broken?
On small screen devices, the social media icons inside the Team Member Card overflow outside the card container instead of wrapping or staying properly aligned. This affects the responsiveness and overall layout of the component.
📋 Steps to Reproduce
✅ Expected Behavior
Social media icons should remain inside the card on all screen sizes. They should wrap gracefully or adjust their spacing to maintain a clean and responsive layout.
❌ Actual Behavior
On narrow screens, the social media icons extend beyond the card boundaries, causing layout overflow and reducing usability.
🔗 Reproduction
🌍 Environment
📸 Screenshot (optional)
Resize the browser window below 320px to observe the social icons overflowing outside the card container.