StepsEasy
CSS RWD Media Queries - Example
Run
Reset
Destroy & Close
← Back to lesson
Code Editor
css
/* Mobile first */ .container { width: 100%; padding: 10px; } /* Tablet */ @media (min-width: 768px) { .container { width: 750px; margin: 0 auto; } } /* Desktop */ @media (min-width: 1024px) { .container { width: 960px; } }
Result
Click "Run" to execute the code...
Loading runtime...
Ready
CSS | In-Browser Execution