[dev docs]
Home
Contributing
Product Website
Search
Introduction
Getting Started
Contributing
Guidelines
Development Guide
Development Workflow
Design
Architecture
API Design
Best Practices
Accessibility
Coding
Mobile-Friendliness
UI Design
How-to
CAPTCHA
Documentation
Emails
Static Analysis
Testing
Troubleshooting Guide
Vision & Principles
Glossary
››
Mobile-Friendliness Best Practices
TEAMMATES supports screen widths from 360px and up.
Content
Content should be responsive across mobile, tablet, and desktop screen sizes.
Content should not overflow or require horizontal scrolling on smaller screens.
Text should remain clearly readable at all screen sizes.
Interactive Elements
Buttons, links, and other interactive elements should be spaced far enough apart for comfortable tapping on mobile.
Tooltips that appear on hover should also be accessible on mobile (e.g. via tap and hold).
Mobile-Friendliness Best Practices
Content
Interactive Elements