Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Accessible responsive CSS */ body { font-size: 1rem; } /* use rem, not px */ button, a { min-height: 44px; min-width: 44px; } /* touch target */ /* Respect user preferences */ @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } } @media (prefers-color-scheme: dark) { body { background: #1a1a2e; color: #e0e0e0; } }
Result
Open