Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Mobile base — no media query needed */ .card { padding: 1rem; font-size: 1rem; } /* Tablet enhancement */ @media (min-width: 768px) { .card { padding: 2rem; font-size: 1.125rem; } } /* Desktop enhancement */ @media (min-width: 1200px) { .card { padding: 3rem; font-size: 1.25rem; } }
Result
Open