Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
:root { --cols: 1; --h1: 1.75rem; } @media (min-width: 768px) { :root { --cols: 2; --h1: 2.25rem; } } @media (min-width: 1200px) { :root { --cols: 3; --h1: 2.75rem; } } .grid { grid-template-columns: repeat(var(--cols), 1fr); }
Result
Open